JHipster7.9.3安装Angular Material14.2.0遇npm依赖冲突求助

问题分析 #

尽管本地npm list --depth=0显示@angular/animations为14.2.0，但npm在解析Angular Material的依赖链时，可能尝试拉取更高版本的@angular/animations（14.3.0），导致与项目锁定的14.2.0版本@angular/core冲突。

解决步骤 #

• 统一所有Angular包版本：打开项目的package.json，确保所有@angular/开头的依赖（包括animations、core、common、compiler等）的版本号均为14.2.0，删除版本号前的^或~符号，强制锁定版本。
• 清理缓存与依赖文件：
  1. 删除项目根目录下的node_modules文件夹
  2. 删除package-lock.json文件（若使用yarn则删除yarn.lock）
  3. 执行npm cache clean --force清理npm缓存
• 使用兼容参数安装Angular Material：执行以下命令安装，--legacy-peer-deps参数会忽略peer依赖版本不匹配的问题，更温和地处理冲突：

  npm install @angular/material@14.2.0 @angular/cdk@14.2.0 --legacy-peer-deps
  

• 扁平化依赖树：若上述步骤后仍有问题，执行npm dedupe来整理依赖树，减少版本冗余。
• 验证安装结果：安装完成后再次执行npm list --depth=0，确认所有Angular包版本统一为14.2.0，且Angular Material正常安装。

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