ESLint: 8.0.0加载插件“@typescript-eslint”失败

Question

你能帮我一下吗，我在尝试构建一个项目时遇到了这个错误？

Oops！出了问题！:( ESLint: 8.0.0 TypeError:未能加载在‘src.eslintrc’中声明的插件‘@typescript eslint’：Class扩展未定义的值不是构造函数或从:src.eslintrc引用的null。

package.json

    "devDependencies": {
        "@typescript-eslint/eslint-plugin": "^4.33.0",
        "@typescript-eslint/parser": "^4.33.0",
        "browserslist": "^4.17.3",
        "eslint": "^8.0.0",
        "eslint-config-prettier": "^8.3.0",
        "eslint-plugin-import": "^2.24.2",
        "eslint-plugin-prettier": "^4.0.0",
        "eslint-plugin-react": "^7.26.1",
        "prettier": "^2.3.2",
    }

.eslintrc

    "parser": "@typescript-eslint/parser",
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:prettier/recommended",
        "prettier"
    ],
    "plugins": ["@typescript-eslint"],

Answer 1

我看到了这个错误，试图使用@typescript-eslint包的4.x.x版本：

  "devDependencies": {
    ...
    "@typescript-eslint/eslint-plugin": "^4.29.1",
    "@typescript-eslint/parser": "^4.29.1",
    ...
}

修复方法是将这些更新到"^5.3.1"版本。

Answer 2

我做了这件事，这对我来说很好

"@typescript-eslint/eslint-plugin": "^5.0.0",
"@typescript-eslint/parser": "^5.0.0",
"eslint": "^8.1.0",

更新这三个包

然后在项目的根目录下运行这个命令来更新包

npm i

一切都会好的

Answer 3

其中一个包可能存在ESM兼容性问题，所以要么必须确保所有deps都与ESM兼容，要么将eslint锁定到7.32.0 &将插件升级为(我还建议将类型记录添加到您的驱动程序中)：

  "devDependencies": {
    ...
    "@typescript-eslint/eslint-plugin": "^5.6.0",
    "@typescript-eslint/parser": "^5.6.0",
    "eslint": "^7.32.0",
    "typescript": "^4.4.3"
  }

要实现这一点，您可以运行：

npm i --save-dev typescript @typescript-eslint/eslint-plugin@5.6.0 @typescript-eslint/parser@5.6.0 eslint@7.32.0

--save-dev部分是将它们作为dev dev安装，因为除了构建&& dev之外，它们并不是必需的。