ESLint：8.0.0 无法加载插件'@typescript-eslint'

Question

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

哎呀！出事了！ :(

ESLint：8.0.0

TypeError：无法加载在“src.eslintrc”中声明的插件“@typescript-eslint”：Class 扩展值未定义不是构造函数或 null 引用自：src.eslintrc

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

这个问题对我来说非常持久。 有效的简单解决方案是reload VS Code 。

Answer 2

其中一个软件包可能存在 ESM 兼容性问题，因此您必须确保所有 deps都与 ESM 兼容，或者将 eslint 锁定到 7.32.0 并将插件升级为（我还建议将 typescript 添加到您的 dev deps )：

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

Answer 3

https://github.com/typescript-eslint/typescript-eslint/issues/3982

好像是兼容性问题

Answer 4

我做了这个，它对我来说很好用

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

更新这三个包

然后在项目的根目录中运行此命令以更新包

npm i

它会正常工作

Answer 5

我在尝试使用 @typescript-eslint 包的 4.xx 版时看到了这个错误：

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

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

Answer 6

当我的节点版本与我使用的反应版本不兼容时，我遇到了这个问题。 检查日志并更新到兼容版本的 nodejs