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