无法加载plugin @typescript eslint:找不到模块‘eslint-plugin-@typescript eslint’

Question

我正在将我的项目从tslint重新配置为eslint。我可以手动运行eslint，但webpack无法运行，并显示以下错误消息：

Module build failed (from /path/node_modules/eslint-loader/index.js):
Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint'

我已经排除了错误的模块和丢失的依赖项，因为它在我手动运行时可以工作。/node_ .eslintrc.js /eslint/bin/eslint.js./ --ext .ts，.tsx --config./.eslintrc.js

我不确定这是否是eslint-loader的上游问题。

module.exports = {
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint"],
  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react/recommended", "plugin:jest/recommended", "prettier", "prettier/@typescript-eslint"],
  rules: {
    "react/prop-types": false
  },
  parserOptions: {
    ecmaVersion: 6,
    project: "./tsconfig.json",
    sourceType: "module"
  },
  settings: {
    react: {
      version: "detect"
    },
    linkComponents: [
      {"name": "Link", "linkAttribute": "href"}
    ]
  },
  env: {
    browser: true
  }
};

我的package.json

{
    "dependencies": {
        "@emotion/core": "10.0.6",
        "facepaint": "1.2.1",
        "react": "16.7.0",
        "react-dom": "16.7.0",
        "react-redux": "6.0.0",
        "redux": "4.0.1",
        "tslib": "1.9.3"
    },
    "devDependencies": {
        "@types/node": "10.12.21",
        "@types/react": "16.8.1",
        "@types/react-dom": "16.0.11",
        "@types/react-redux": "7.0.1",
        "@typescript-eslint/eslint-plugin": "1.2.0",
        "eslint": "5.13.0",
        "eslint-config-prettier": "4.0.0",
        "eslint-plugin-jest": "22.2.2",
        "eslint-plugin-react": "7.12.4",
        "tsconfig-paths-webpack-plugin": "3.2.0",
        "typescript": "3.2.1"
    }
}

Answer 1

你需要升级你的eslint版本，在错误中你可以看到一个坏的前缀eslint-plugin-，这是由于eslint/lib/config/plugins.js中的一些常量在以后的版本中被删除了。

Answer 2

我修复了这个错误，将package.json中的所有^替换为empty，然后替换为npm i。

​

​