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

Question

你能帮我吗，当我尝试构建项目时遇到此错误？

哎呀！出了些问题！:(

ESLint：8.0.0

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

包.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/eslint-plugin": "^5.0.0",
"@typescript-eslint/parser": "^5.0.0",
"eslint": "^8.1.0",

更新这三个包

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

npm i

它会工作得很好

Answer 2

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

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

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

Answer 3

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

  "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部分是将它们安装为开发部门，因为除了构建 && 开发之外不需要它们

Answer 4

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