按官方指引升级Angular11到12后应用故障,依赖版本不匹配问题咨询
你执行的升级流程不完整,ng update @angular/core@12 @angular/cli@12仅会升级这两个指定包及其直接强依赖,其余@angular家族依赖、配套工具链不会自动同步升级,因此会出现版本不兼容、Typescript版本未达标等问题。
不建议手动执行npm update @angular/router逐个升级相关依赖,很容易出现版本匹配错误,推荐按以下流程操作:
- 执行全量官方依赖升级命令,一次性同步所有Angular官方包到v12兼容版本:
ng update @angular/animations@12 @angular/common@12 @angular/compiler@12 @angular/forms@12 @angular/platform-browser@12 @angular/platform-browser-dynamic@12 @angular/router@12 @angular/compiler-cli@12 @angular-devkit/build-angular@12
执行该命令时,工具会自动校验所有依赖的版本约束,同时将Typescript、rxjs、zone.js等配套依赖升级到符合Angular12要求的版本,无需手动调整TS版本。
- 升级完成后删除项目根目录下的
node_modules文件夹和package-lock.json(yarn项目对应删除yarn.lock)文件,避免旧缓存导致版本异常 - 重新执行
npm install安装完整依赖 - 运行
ng serve或者ng build验证项目运行状态,如果控制台输出废弃API提示,按照提示内容调整对应代码即可。
内容的提问来源于stack exchange,提问作者user776686
相关产品推荐
相关产品推荐

