Как исправить импорт / отсутствие неразрешенности eslint, чтобы посмотреть в файле package.json вместо «main»

Question

В настоящее время я импортирую пакет рабочей области пряжи с полем module, определенным в ES6, и связывается с плагином eslint-plugin-import

В моей настройке create-реагировать-приложение автоматически используется module черезwebpack, но eslint жалуется, что пакет @mycompany/utils не определен.

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

Поэтому мой вопрос заключается в том, как заставить моего линтера смотреть на путь module вместо main

Это мой package.json для пакета утилит

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

Answer 1

• установка eslint-import-resolver-webpack в качестве dev-зависимости 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.В средстве распознавания веб-пакетов он будет автоматически просматривать ваши module над main первыми.

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