Angular 19升级至20后使用@ng-bootstrap/ng-bootstrap出现afterRender导入匹配错误

嘿，我前阵子升级Angular版本的时候也踩过一模一样的坑！把Angular从19升到20之后，项目里的@ng-bootstrap/ng-bootstrap直接报了afterRender导入不匹配的错误，具体报错内容如下：

X [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "afterRender"

node_modules/@ng-bootstrap/ng-bootstrap/fesm2022/ng-bootstrap.mjs:2

其实问题根源很明确：Angular 20对afterRender这个API的导出结构做了调整，但你当前使用的@ng-bootstrap/ng-bootstrap版本还没适配这个变化，所以才会出现导入找不到的情况。

给你几个亲测有效的解决步骤：

• 升级@ng-bootstrap/ng-bootstrap到适配Angular 20的版本
  打开终端，直接安装最新版的依赖包就行：

  # npm用户执行
  npm install @ng-bootstrap/ng-bootstrap@latest
  
  # yarn用户执行
  yarn add @ng-bootstrap/ng-bootstrap@latest
  

• 清理项目缓存与依赖，避免残留问题
  有时候旧的依赖缓存会捣乱，执行下面的命令彻底清理后重新安装：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

• 重启开发服务器
  做完上面两步后，把当前的开发服务关掉再重新启动，这个导入错误应该就彻底消失了。

内容来源于stack exchange