Angular 15升级至16后ESLint配置加载失败及NG6002错误求助

一、解决ESLint错误：Failed to load config "plugin:@angular-eslint/ng-cli-compat" #

• Angular 16版本的@angular-eslint已移除ng-cli-compat相关配置，需修改ESLint配置文件（.eslintrc.json或.eslintrc.js）：
  1. 找到extends数组，删除"plugin:@angular-eslint/ng-cli-compat"以及"plugin:@angular-eslint/ng-cli-compat--formatting-add-on"
  2. 替换为Angular 16推荐的配置，示例：

     "extends": [
       "plugin:@angular-eslint/recommended",
       "plugin:@angular-eslint/template/process-inline-templates"
     ]
     

• 确保所有@angular-eslint相关包都升级到16.x版本，执行命令：

  npm install @angular-eslint/schematics@16 @angular-eslint/eslint-plugin@16 @angular-eslint/eslint-plugin-template@16 @angular-eslint/template-parser@16 --save-dev
  

二、解决NG6002模块导入错误 #

• 执行官方升级命令，自动处理核心依赖和配置变动：

  ng update @angular/core@16 @angular/cli@16
  

• 检查第三方依赖兼容性：
  1. 运行npm outdated查看未升级的依赖
  2. 将第三方库（如RxJS、Angular Material、NgRx等）升级到支持Angular 16的版本
• 清理缓存并重新安装依赖：
  1. 删除node_modules文件夹和package-lock.json（或yarn.lock）
  2. 执行npm install重新安装所有依赖
• 定位具体导入错误：
  1. 查看ng serve输出的详细错误信息，找到报错的NgModule文件
  2. 检查文件中的导入语句，确认是否存在：
     • 导入了Angular 16中已移除/废弃的模块
     • 路径错误导致模块找不到
     • 第三方库未升级导致导入符号不存在

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