解决 WebStorm 使用 alias 路径时无法找到模块和 ESLint 的提示问题

2,298 阅读1分钟

这个问题以前没有修复,最近一看好像修复了好久了,顺便写一下让和我一样后知后觉的知晓一下。

即使用 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 配置文件的位置,换成你们自己的文件。

参考

  1. stackoverflow.com/questions/3…
  2. stackoverflow.com/questions/4…
  3. www.npmjs.com/package/esl…