代码之家 › 专栏 › 技术社区 › Kenneth Truong

如何修复import/no unresolved eslint以查看package.json“module”而不是“main”

eslint babel ecmascript-6 webpack

0

Kenneth Truong · 技术社区 · 6 年前

我目前正在导入一个具有 module ES6中定义的字段和插件的linting eslint-plugin-import

我的Create React应用程序安装程序自动使用 模块 通过Webpack,但Eslint抱怨 @mycompany/utils 包未定义。

Unable to resolve path to module '@mycompany/utils'. [import/no-unresolved]

所以我的问题是我该如何让我的皮棉看 模块 路径代替 main

这是utils包的my package.json

{
  "name": "@mycompany/utils",
  "version": "0.0.2",
  "main": "dist/index.js",
  "module": "src/index.js"
}

1 回复 | 直到 6 年前

1

0

Kenneth Truong 6 年前

安装 eslint导入冲突解决程序Webpack 作为开发依赖项 https://github.com/benmosher/eslint-plugin-import/tree/master/resolvers/webpack

在.eslintrc中更新设置

{
  "parser": "babel-eslint",
  "extends": [
    "eslint:recommended",
    "plugin:import/recommended",
    "plugin:react/recommended"
  ],
  "plugins": ["react"],

  "settings": {
    "import/resolver": {
      "webpack": {
        "config": {
          "resolve": {
            "modules": ["node_modules"]
          }
        }
      }
    }
  }
}

它更新了你的 eslint-plugin-import 解决使用 webpack 而不是 node . 在Webpack解析器中,它将自动查看 module 结束 main 第一。

https://github.com/benmosher/eslint-plugin-import/blob/master/resolvers/webpack/index.js#L200