如何在Webpack 4中使用eslint的安装来解决导入/无法解决的问题

Question

我研究了几个小时。 我自己构建了一个原型，发现webpack正在使用其解析别名，但是eslint一直报告无法解决，即使在我介入设置据说可以解决此问题之后也是如此。

谁知道为什么要添加

"settings": {
        "import/resolver": {
            "alias": [
        [ "mycomponents", "./app/components" ]
      ]
        }
    }

到.eslintrc并添加两个与之相关的软件包不会这样做吗？

看看我做了什么检查此仓库差异链接： https : //github.com/KleoPetroff/react-webpack-boilerplate/compare/master...adamchenwei : master

注意：我本可以隐藏eslint错误，但这只是如果有适当的设置，我不希望采用的黑客途径。

谢谢

Answer 1

尝试将eslint-import-resolver-alias添加到您的项目中：

npm i eslint-import-resolver-alias --save-dev

然后，如下更新您的.eslintrc文件：

"settings": {
    "import/resolver": {
        "alias": {
            map: [
                [ "mycomponents", "./app/components" ]
            ]
        }
    }
}