这个问题以前没有修复,最近一看好像修复了好久了,顺便写一下让和我一样后知后觉的知晓一下。
即使用 webpack 的 alias 路径引入模块时,报模块未安装的问题。
Webpack 中配置
Preferences -> Languages & Frameworks -> Webpack
在这个配置中选择你的 Webpack 配置文件
如果没有 ESLint 配置的话,此时就修复了,但是我项目里还有 ESLint 关于模块不存在的提示
ESLint 中的配置
这个主要配合 eslint-import-resolver-webpack
一起解决,否则自己写 alias 多的话,自己写也挺麻烦的。
- 项目中安装
npm install eslint-import-resolver-webpack --save-dev
- 在
.eslintrc
文件中增加配置
{
"settings": {
"import/resolver": {
"webpack": {
"config": "build/webpack.config.tools.js",
"config-index": 1
}
}
}
}
注意 webpack.config.tools.js
是我自己 Webpack 配置文件的位置,换成你们自己的文件。