eslint -未能加载插件@typescript-eslint‘

Question

当我试图通过npm start运行应用程序时

Failed to load plugin '@typescript-eslint' declared in '.eslintrc.json': Class extends value undefined is not a constructor or null

为什么会发生这种情况，我该如何解决呢？

eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": ["plugin:react/recommended", "airbnb"],
  "parser": "@typescript-eslint/parser",
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [".ts", ".tsx"],
        "moduleDirectory": ["src", "node_modules"]
      }
    }
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint"],
  "rules": {
    "no-console": "off"
  }
}

package.json

  "devDependencies": {
    "@babel/core": "^7.16.5",
    "@babel/preset-env": "^7.16.5",
    "@types/react-dom": "^17.0.11",
    "@types/react-router-dom": "^5.3.2",
    "@types/react-table": "^7.7.9",
    "@types/scrollmagic": "^2.0.2",
    "@types/styled-components": "^5.1.21",
    "@typescript-eslint/eslint-plugin": "^5.14.0",
    "@typescript-eslint/parser": "^5.14.0",
    "awesome-typescript-loader": "^5.2.1",
    "babel-loader": "^8.2.3",
    "eslint": "^8.10.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-plugin-import": "^2.25.4",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.29.3",
    "eslint-plugin-react-hooks": "^4.3.0",
    "react-app-rewired": "^2.2.1"
  },

Answer 1

最后通过降级解决了问题。

 "devDependencies": {
    ...
    "eslint": "^7.32.0"
  }

Answer 2

这似乎是一个已知的typescript-eslint 问题，它可能在升级到eslint版本8.0.0时出现，该版本有一些坏的变化。关于第一个链接的一些评论表明，通过将其降级为SlintVersion7.32.0，可以解决问题。

如果我正确理解，typescript-eslint v4不支持eslint v8，而是支持typescript-eslint v5 有吗？。因此，您可以尝试将您的eslint降级到7.32.0版本，或者将您的类型记录-eslint升级到v5。