Angular 10项目运行ng s报错及npm依赖冲突问题求助

核心问题定位 #

当前npm i的ERESOLVE冲突根源是mdb-angular-ui-kit@1.0.0-beta6要求@angular/animations@^12.0.0，但你的项目基于Angular 10.1.6，版本完全不匹配。而ng s启动异常本质是依赖未正确安装导致的，之前修改optimization和defaultProject属于无效操作，无法解决根本问题。

解决方案 #

方案1：降级mdb-angular-ui-kit到兼容Angular 10的版本 #

mdb-angular-ui-kit的1.x版本开始强制要求Angular 12+，你需要切换到支持Angular 10的0.x系列版本：

1. 先卸载当前不兼容版本：

   npm uninstall mdb-angular-ui-kit
   

2. 安装兼容Angular 10的旧版本（示例以0.10.0为例，可根据该包的版本日志确认具体兼容版本）：

   npm install mdb-angular-ui-kit@0.10.0 --save
   

3. 如果仍存在依赖解析警告，可启用旧版npm依赖解析规则（比--force更安全）：

   npm install mdb-angular-ui-kit@0.10.0 --save --legacy-peer-deps
   

方案2：升级Angular项目到12.x版本 #

如果项目允许版本升级，可将Angular核心依赖升到12.x以匹配mdb-angular-ui-kit@1.0.0-beta6的要求：

1. 升级Angular核心包与CLI：

   ng update @angular/core@12 @angular/cli@12
   

2. 同步升级其他第三方依赖（如@angular/material等），确保它们支持Angular 12：

   ng update <依赖包名>@12
   

3. 清理并重装依赖：

   rm -rf node_modules package-lock.json
   npm install
   

   注意：升级前务必备份项目，Angular 12对部分旧API有变更，需要适配调整原有代码。

方案3：替换mdb-angular-ui-kit（备选） #

如果不需要该UI库的特定功能，可替换为兼容Angular 10的其他UI组件库：

1. 卸载mdb-angular-ui-kit：

   npm uninstall mdb-angular-ui-kit
   

2. 安装替代库（以ng-bootstrap为例）：

   npm install @ng-bootstrap/ng-bootstrap bootstrap@4 --save
   

后续验证 #

解决依赖冲突后，执行以下步骤确认问题修复：

1. 清理旧依赖文件：

   rm -rf node_modules package-lock.json
   

2. 重新安装依赖：

   npm install
   

3. 启动项目：

   ng s
   

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