React eslint不识别webpack alias,报错import/no-unresolved
刚开始接触React,发现配置Webpack alias之后,eslint一直在报错.记录一下
如图,eslint无法识别路径别名,导致程序无法启动.
文章图片
【React eslint不识别webpack alias,报错import/no-unresolved】其中webstorme是可以正确识别@component
指向那里的,说明webpack
配置的没有问题.
文章图片
解决方法
1 安装eslint-import-resolver-alias
2 在eslint配置文件.eslintrc.js
里加入
settings: {
'import/resolver': {
alias: {
map: [
['@component', './src/component'], //别名路径
],
},
},
},
推荐阅读
- 急于表达——往往欲速则不达
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- 家乡的那条小河
- 一个人的碎碎念
- 赠己诗
- 这辈子我们都不要再联系了
- 死结。
- 我从来不做坏事
- 时间老了
- 我错了,余生不再打扰