未找到规则“导入/扩展”的 ESLint 定义

Question

我在 VS Code 中使用 ESLint 时在所有 TypeScript 文件上收到以下两个错误：

Definition for rule 'import/extensions' was not found.eslint(import/extensions)
Definition for rule 'import/no-extraneous-dependencies' was not found.eslint(import/no-extraneous-dependencies)

VSC 问题窗格的屏幕截图：

关于可能重复的注释

关于不同的模块有很多类似的问题，甚至还有一些关于 的问题import/extensions，但建议的解决方案都没有帮助。我都试过了。在输入这个问题时，我还尝试了 Stack Overflow 建议的每个线程中发布的每个解决方案。

这是我的.eslintrc.json：

{
  "env": {
      "es2021": true,
      "node": true
  },
  "extends": [
      "airbnb-typescript/base",
      "plugin:@typescript-eslint/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
      "ecmaVersion": 12,
      "sourceType": "module",
      "project": "./tsconfig.json"
  },
  "plugins": [
      "@typescript-eslint"
  ],
  "rules": {
      "@typescript-eslint/no-use-before-define": "off"
  }
}

package.json：

{
  "name": "graph-userdata-gateway",
  "version": "1.0.0",
  "description": "Gateway for PowerApps Microsoft Graph API custom connector to query user data with application permissions.",
  "main": "src/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git@gitlab.yobitti.fi:powerapps/graph-userdata-gateway.git"
  },
  "author": "Benjamin Pettinen / YO-bitti Oy",
  "license": "UNLICENSED",
  "dependencies": {
    "@microsoft/microsoft-graph-client": "^3.0.0",
    "dedent": "^0.7.0",
    "express": "^4.17.1",
    "isomorphic-fetch": "^3.0.0",
    "md5": "^2.3.0",
    "node-fetch": "^2.6.1"
  },
  "devDependencies": {
    "@types/dedent": "^0.7.0",
    "@types/express": "^4.17.13",
    "@types/isomorphic-fetch": "0.0.35",
    "@types/md5": "^2.3.1",
    "@types/node-fetch": "^2.5.12",
    "@typescript-eslint/eslint-plugin": "^4.29.2",
    "@typescript-eslint/parser": "^4.29.2",
    "eslint": "^7.32.0",
    "eslint-config-airbnb-base": "^14.2.1",
    "eslint-config-airbnb-typescript": "^13.0.0",
    "eslint-plugin-import": "^2.24.1",
    "typescript": "^4.3.5"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "esModuleInterop": true,
    "noImplicitAny": true,
    "moduleResolution": "Node",
    "outDir": "dist",
    "sourceMap": true
  }
}

我尝试删除整个node_mobules并重新运行npm install以及extends在.eslintrc.json. 如果我删除airbnb-typescript/base错误就会消失，但我会失去 ESLint 的 Airbnb 风格。使用airbnb-base替代方法可以，但是 ESLint 会抱怨Missing file extension for abc.ts和Unable to resolve path to module abc。我还多次重新启动了 VSC 和 ESLint 服务器。

Answer 1

您错过了将其添加到eslint.json文件中。

"plugins": ["import"],

或者，

"extends": ["plugin:import/recommended"]

参考： https: //github.com/import-js/eslint-plugin-import#resolvers

Answer 2

对于那些在 Typescript Airbnb 配置升级到 v13+ 后来到这里并想了解发生了什么变化的人：

eslint-config-airbnb-typescript仔细阅读该项目的最新自述文件。

确保您有常规的 Airbnb 配置设置。请参阅eslint-config-airbnb，或者eslint-config-airbnb-base如果您没有使用 React。

听起来对于您的旧设置来说像是新的东西，而且确实如此。那是因为v13 中发生了重大变化

让我们按照建议进行操作。

根据eslint-config-airbnb-base说明，您应该将eslint-config-airbnb-base其添加到您的package.json中。最简单的方法是：npx install-peerdeps --dev eslint-config-airbnb-base。现在，此命令会将 (eslint-config-airbnb-base和eslint-plugin-import) 添加到您的package.json中：

     "eslint": "^8.7.0",
+    "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^16.1.0",
+    "eslint-plugin-import": "^2.25.4",

最后一步将在eslint 配置数组之前airbnb-base添加：airbnb-typescript/baseextends

   plugins: ["@typescript-eslint"],
   extends: [
+    "airbnb-base",
     "airbnb-typescript/base",

就是这样！现在问题应该得到解决。