javascript - 如何通过在 webpack 4 中设置 eslint 来解决导入/未解决问题

Question

我研究了几个小时。我自己构建了一个原型(prototype)，发现 webpack 正在处理它的解析别名，但 eslint 一直报告无法解析，即使我卡在设置应该解决这个问题之后也是如此。

任何人都知道为什么添加

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

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

看看我做了什么检查这个 repo 差异链接: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" ]
            ]
        }
    }
}