使用Webpack别名会导致WebStorm中导入别名的ESLint错误

Question

我通过以下代码设置别名Webpack配置：

module: {
...
resolve: {
  alias: {
    utils: path.resolve(__dirname, 'src/utils/'),
    '@SharedBlocks': path.resolve(__dirname, 'src/application/shared-blocks'),
  },
  extensions: ['.js', '.json', '.jsx', '.scss'],
},
...

然后我在ESLint找到ESLint错误，如下所示：

当然，ESLint无法解析'@SharedBlocks/explorer'因此我将一个import/resolver添加到.eslint.js文件中进行配置：

settings: {
  "import/resolver": {
    webpack: {
      config: "webpack.template.js",
    }
  }
},

现在一切都适用于所有编辑器，如VSCode等， 但只是在WebStorm我看到如下：

它是如此奇怪，因为即使运行eslint . 命令不会返回ESLint规则错误但是在WebStorm中我看到import红色下划线也运行良好，但import显示红色下划线。 VSCode没有任何问题并且运行良好，这太奇怪了

我该如何解决？

Answer 1

no-extraneous-dependencies extraneous no-extraneous-dependencies ESLint规则不考虑EsLint解析器，请参阅https://github.com/benmosher/eslint-plugin-import/issues/496 。 我不确定为什么错误只能在WebStorm中看到。 我建议联系支持