Angular 17升级至18时@ng-bootstrap/ngx-bootstrap出现ɵɵInputFlags缺失错误

问题背景 #

将Angular从17升级到18后，使用@ng-bootstrap@16.0.0和ngx-bootstrap@12.0.0时出现编译错误，核心提示为：在@angular/core中找不到导出的ɵɵInputFlags。

@ng-bootstrap错误片段 #

./node_modules/@ng-bootstrap/ng-bootstrap/fesm2022/ng-bootstrap.mjs:1896:13-33 - Error: export 'ɵɵInputFlags' (imported as 'i0') was not found in '@angular/core'

ngx-bootstrap错误片段 #

./node_modules/ngx-bootstrap/tooltip/fesm2022/ngx-bootstrap-tooltip.mjs:380:26-46 - Error: export 'ɵɵInputFlags' (imported as 'i0') was not found in '@angular/core'

问题原因 #

Angular 18移除了内部私有API ɵɵInputFlags，而当前使用的@ng-bootstrap@16.0.0和ngx-bootstrap@12.0.0版本仍依赖该废弃API，导致编译失败。

解决步骤 #

1. 升级@ng-bootstrap到兼容Angular 18的版本 #

修改package.json中的依赖版本：

"@ng-bootstrap/ng-bootstrap": "^17.0.0"

执行安装命令更新依赖：

npm install
# 或使用yarn
yarn install

2. 升级ngx-bootstrap到兼容Angular 18的版本 #

修改package.json中的依赖版本：

"ngx-bootstrap": "^13.0.0"

执行安装命令更新依赖：

npm install
# 或使用yarn
yarn install

3. 验证修复 #

启动项目确认错误消除：

ng serve

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