如何解决导入/未解决-webpack 4中的eslint设置未解决

how to resolve import/no-unresolved with setup of eslint in webpack 4(如何解决导入/未解决-webpack 4中的eslint设置未解决)

本文介绍了如何解决导入/未解决-webpack 4中的eslint设置未解决的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我研究了几个小时。我自己构建了一个原型,发现webpack正在处理其解析别名,但eslint一直报告无法解析,即使在我介入设置应该解决此问题后也是如此。

有人知道为什么添加

"settings": {
        "import/resolver": {
            "alias": [
        [ "mycomponents", "./app/components" ]
      ]
        }
    }
到.eslintrc 并添加两个与之相关的包不起作用吗?

要查看我所做的工作,请检查此回购差异链接:https://github.com/KleoPetroff/react-webpack-boilerplate/compare/master...adamchenwei:master

注意:我本可以只隐藏eslint错误,但这只是一条黑客路线,如果设置正确,我宁愿不采取这种方式。

谢谢

推荐答案

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

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

然后按如下方式更新您的.eslintrc文件:

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

这篇关于如何解决导入/未解决-webpack 4中的eslint设置未解决的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何解决导入/未解决-webpack 4中的eslint设置未解决

基础教程推荐