在Angular 15.0.4项目添加Angular Elements遇npm依赖错误求助

我来帮你搞定这个npm依赖报错的问题！从你给出的错误信息来看，核心问题是老旧版本的codelyzer@0.0.28和你项目里的tslint@6.1.3版本不兼容，而且更关键的是，Angular 15已经不再推荐使用tslint了——从Angular CLI v12开始就全面转向ESLint了，继续用老旧的tslint和codelyzer只会带来更多依赖问题。

下面给你几个可行的解决方案，按推荐程度排序：

方案1：彻底移除老旧依赖并迁移到ESLint（最推荐） #

这是最适配Angular 15的做法，步骤如下：

• 先卸载codelyzer和tslint：

  npm uninstall codelyzer tslint
  

• 删掉项目里的tslint.json配置文件（如果有的话）
• 安装Angular官方的ESLint插件，它会自动帮你完成配置迁移：

  ng add @angular-eslint/schematics
  

• 最后重新安装依赖并尝试添加Angular Elements：

  npm install
  ng add @angular/elements
  

方案2：临时强制解决依赖冲突（不推荐，仅作应急） #

如果你暂时不想迁移到ESLint，可以通过npm的版本覆盖功能强制让codelyzer适配当前的tslint版本：

• 在你的package.json文件里添加overrides字段：

  "overrides": {
    "codelyzer": {
      "tslint": "^6.1.3"
    }
  }
  

• 然后重新执行安装命令：

  npm install
  

不过要注意，这种做法只是强行绕过了依赖检查，老旧版本的codelyzer可能会和Angular 15的其他功能不兼容，后续可能还会出现其他问题。

为什么会出现这个错误？ #

While resolving: codelyzer@0.0.28
npm ERR! Found: tslint@6.1.3

codelyzer@0.0.28是一个非常古老的版本（发布于多年前），它对tslint的依赖版本要求和你当前项目里的tslint@6.1.3不匹配，npm在依赖解析时发现了这个冲突，所以抛出了报错。而Angular 15本身已经不再支持tslint，所以最根本的解决方式还是迁移到ESLint。

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