Angular从TSLint迁移ESLint后报@typescript-eslint规则未找到错误

• 核心是**@typescript-eslint插件未被ESLint正确注册**，叠加依赖版本不匹配导致规则解析失败：
  1. .eslintrc.js的plugins数组仅声明了@angular-eslint/eslint-plugin，未显式注册@typescript-eslint插件。ESLint机制要求，所有@typescript-eslint/xxx格式的规则使用前，必须显式在plugins数组中声明对应插件，即使extends配置（如airbnb-typescript）内部声明了插件，也可能因配置合并顺序、版本兼容问题导致插件未正确加载，最终触发规则找不到的错误。
  2. 依赖版本不兼容：eslint-config-airbnb-typescript@12.3.1要求@typescript-eslint/eslint-plugin和parser版本最低为4.33.0，但项目实际安装的是4.3.0，版本差较大，高版本airbnb配置的规则关联逻辑和低版本插件不匹配，即使报错的两个规则在4.3.0中存在，也可能因上下文关联异常无法被识别。
  3. 未显式指定顶层解析器：.eslintrc.js未在顶层声明parser: '@typescript-eslint/parser'，虽然airbnb配置默认会设置该解析器，但后续继承的@angular-eslint/recommended配置可能覆盖解析上下文，导致插件与解析器未正确绑定。

1. 修正.eslintrc.js配置 #

补充两个关键字段，修改后的核心配置如下：

module.exports = {
  // 新增顶层解析器声明
  parser: '@typescript-eslint/parser',
  root: true,
  extends: [
    'airbnb-typescript/base',
    'plugin:@angular-eslint/recommended'
  ],
  ignorePatterns: [
    'node_modules/',
    'build/',
    'dist/',
    'e2e/'
  ],
  rules: {
    // 原有自定义规则保持不变
    'comma-dangle': ['error', 'only-multiline'],
    'max-len': ['error', {code: 120, tabWidth: 4}],
    'no-underscore-dangle': 'off',
    'no-await-in-loop': 'off',
    'import/prefer-default-export': 'off',
    'no-param-reassign': ['error', {props: false}],
    'strict': ['error', 'global'],
    'func-names': 'off',
    'global-require': 'off',
    'class-methods-use-this': 'off',
    'import/extensions': [
      'error',
      'ignorePackages',
      {
        js: 'never',
        ts: 'never',
      }
    ]
  },
  plugins: [
    '@angular-eslint/eslint-plugin',
    // 新增@typescript-eslint插件声明
    '@typescript-eslint'
  ],
  parserOptions: {
    project: 'tsconfig.json',
    sourceType: 'module'
  }
}

2. 匹配依赖版本 #

根据@angular-eslint@1.2.0仅支持@typescript-eslint@4.x（不兼容5.x）的限制，二选一调整：

• 方案A（推荐）：升级@typescript-eslint依赖到兼容版本，执行命令：
  npm install @typescript-eslint/eslint-plugin@4.33.0 @typescript-eslint/parser@4.33.0 --save-dev
  该版本同时满足eslint-config-airbnb-typescript@12.3.1的peer依赖要求，且兼容当前Angular 11项目的版本体系。
• 方案B：若不想升级TSLint相关插件，可降级eslint-config-airbnb-typescript到兼容4.3.0的版本，执行命令：
  npm install eslint-config-airbnb-typescript@12.0.0 --save-dev

3. 清理依赖缓存 #

避免node_modules残留旧版本文件导致的异常，执行以下命令重装依赖：

# Windows环境可直接手动删除node_modules和package-lock.json文件夹/文件
rm -rf node_modules package-lock.json
npm install

内容的提问来源于stack exchange，提问作者NewToAngular