You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular12升级到13后安装@ng-bootstrap/ng-bootstrap失败如何解决?

Angular 13 安装 @ng-bootstrap/ng-bootstrap 报错解决方案

核心原因:最新版 ng-bootstrap 已停止对 Angular 13 的支持,直接执行默认安装命令会触发依赖版本不匹配错误

  • 优先执行指定兼容版本的安装命令,Angular 13 对应的 ng-bootstrap 稳定兼容版本为 12.1.2,命令如下:
    ng add @ng-bootstrap/ng-bootstrap@12.1.2
  • 若上述命令仍报错,按以下步骤清理依赖后重试:
    1. 删除项目根目录下的 node_modules 文件夹、package-lock.json 或 yarn.lock 文件
    2. 清理本地npm缓存:
      npm cache clean --force
    3. 重新安装项目现有依赖:
      npm install
    4. 再次执行指定版本的ng-bootstrap安装命令即可
  • 若过程中提示Bootstrap版本不兼容,先安装对应匹配的Bootstrap版本再执行ng-bootstrap安装:
    npm install bootstrap@5.1.3 --save

安装完成后可运行 ng serve 启动项目验证功能是否正常。

内容的提问来源于stack exchange,提问作者Varshil Doshi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 00:06:04