使用Angular CLI创建组件时遇@angular-eslint/schematics无法解析异常

以下是可行的解决方案，按顺序尝试：

• 安装缺失的@angular-eslint/schematics包：
  执行命令：

  npm install @angular-eslint/schematics --save-dev
  

  若使用Yarn：

  yarn add @angular-eslint/schematics --dev
  

• 确保版本兼容性：
  @angular-eslint版本需与你的Angular CLI版本匹配（如Angular 16对应@angular-eslint 16.x）。查看package.json中的Angular版本后，指定版本安装：

  npm install @angular-eslint/schematics@<你的Angular版本号> --save-dev
  

  或更新到兼容版本：

  npm update @angular-eslint/schematics
  

• 检查并修正angular.json配置：
  打开项目根目录的angular.json，找到schematics节点。如果存在指向@angular-eslint/schematics的配置但未安装该包，可暂时注释或移除相关配置，待安装完成后再恢复。示例配置如下：

  "schematics": {
    "@angular-eslint/schematics:component": {
      "styleext": "scss"
    }
  }
  

• 清理依赖缓存并重新安装：
  清除npm缓存后重装依赖：

  npm cache clean --force
  npm install
  

  Yarn用户执行：

  yarn cache clean
  yarn install
  

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