升级Angular 16遇ngx-bootstrap依赖冲突,求解版本调整方案
解决方案
从报错信息可明确冲突根源:ngx-bootstrap@12.0.0 的 peer 依赖要求 @angular/animations 版本为 ^17.0.0,但你的项目使用的是 Angular 16 版本的 animations。你可以通过以下两种方式解决:
方案一:降级 ngx-bootstrap 适配 Angular 16
ngx-bootstrap 的版本与 Angular 版本存在严格对应关系,Angular 16 对应的是 ngx-bootstrap@11.x 系列。
- 执行安装命令:
npm install ngx-bootstrap@^11.0.0 --save - 安装完成后,package.json 中
ngx-bootstrap依赖会自动更新为^11.0.0,与当前 Angular 16 版本匹配。
方案二:升级 Angular 到 17 版本
若你计划升级到更高版本的 Angular,可直接升级核心依赖以满足 ngx-bootstrap@12 的要求:
- 执行 Angular 官方升级命令:
ng update @angular/core@17 @angular/cli@17 - 该命令会自动将所有 Angular 核心依赖(包括
@angular/animations)升级到 17.x 版本,解决 peer 依赖冲突。
注意:操作前建议备份当前的
package.json文件,或通过 Git 提交当前代码状态,避免操作失误导致项目问题。
内容的提问来源于stack exchange,提问作者waloniarix
相关产品推荐
相关产品推荐

