如何将指定项目的Angular版本从11降级到10.2.3(非仅调整CLI版本)
Angular项目从11降级到10.2.3实操方案
你之前的操作仅调整了全局/本地的Angular CLI版本,项目依赖的Angular核心包、配套生态模块还停留在11版本,按以下步骤操作即可完成整体降级:
前置清理
在项目根目录执行以下操作,删除现有依赖避免版本冲突:
- 删除项目根目录下的
node_modules文件夹 - 删除包管理锁定文件:
package-lock.json(npm)或yarn.lock(yarn) - 执行缓存清理命令:
npm cache clean --force
步骤1:统一调整package.json中Angular相关依赖版本
将package.json内所有@angular/开头的依赖版本统一修改为10.2.3,核心包包括但不限于:
@angular/core@angular/common@angular/compiler@angular/forms@angular/platform-browser@angular/platform-browser-dynamic@angular/router@angular/animations@angular/cli@angular/compiler-cli
如果项目用到@angular/cdk、@angular/material等官方生态包,也需要同步调整为大版本号为10的适配版本
步骤2:调整强绑定配套依赖版本
以下依赖和Angular版本强绑定,需要同步修改为对应兼容版本:
typescript:修改为~3.9.5(Angular 10仅支持3.9.x版本的TypeScript)rxjs:修改为~6.6.0zone.js:修改为~0.10.3
步骤3:重新安装依赖
执行以下命令完成全量依赖安装:
npm install
步骤4:验证降级结果
安装完成后执行以下命令,确认项目内Angular版本已切换为10.2.3:
npx ng version
异常排查
如果项目启动或编译时报错,优先排查第三方依赖是否适配Angular 10版本,根据报错提示调整对应依赖版本即可。
内容的提问来源于stack exchange,提问作者Andreas V
相关产品推荐
相关产品推荐

