如何更改(升级或降级)Angular版本?含从Angular 6降级至5.2方法
嘿,我来帮你搞定Angular版本切换的问题!要从Angular 6切回5.2,或者切换到任意指定版本,主要需要处理全局Angular CLI和本地项目依赖两部分,下面是具体步骤:
一、切换全局Angular CLI版本
全局CLI负责创建新项目,如果只是修改现有项目,这一步可选,但保持全局CLI和项目版本一致能避免很多奇怪问题:
- 先卸载当前全局CLI:
npm uninstall -g @angular/cli - 安装对应版本的全局CLI(Angular 5.2对应的CLI稳定版本是1.7.x,比如1.7.4):
npm install -g @angular/cli@1.7.4 - 验证版本是否正确:
ng --version
二、修改现有项目的本地依赖(核心步骤)
这部分是让你的项目真正切换到目标版本的关键:
更新package.json里的依赖版本
手动打开项目根目录的package.json,把所有@angular/开头的依赖(比如@angular/core、@angular/common、@angular/router等)的版本号改成你要的指定版本,比如5.2.11(这是Angular 5的稳定版)。
同时,devDependencies里的@angular/cli也要改成对应版本(比如1.7.4),另外还要调整:typescript:Angular 5.2需要搭配2.4.x或2.5.x版本,不要用太高的rxjs:对应Angular 5的是5.5.x版本
清理旧依赖和锁文件
- 删除项目里的
node_modules文件夹:# Mac/Linux rm -rf node_modules # Windows rmdir /s /q node_modules - 删除版本锁文件:
rm package-lock.json # 如果用yarn的话删这个 rm yarn.lock
- 删除项目里的
重新安装依赖
运行命令重新安装匹配版本的依赖:npm install # 用yarn的话 yarn install验证项目版本
进入项目目录,运行以下命令确认版本:ng --version最后可以启动项目测试是否正常:
ng serve
三、切换到任意版本的通用注意事项
- 版本对应关系:不同Angular核心版本需要搭配对应的CLI版本,比如:
- Angular 4 → CLI 1.4.x
- Angular 5 → CLI 1.7.x
- Angular 6 → CLI 6.x
- Angular 7 → CLI 7.x
不确定对应关系的话,可以先查目标Angular版本的官方文档确认CLI版本
- 跨大版本切换:如果是跨多个大版本(比如从Angular 14降到10),除了依赖,还要注意配置文件的变化(比如Angular 6+用
angular.json,而5及以前用.angular-cli.json),可能需要参考官方迁移指南调整配置 - 查看可用版本:如果不知道目标版本有哪些可选,可以用命令查看:
npm view @angular/core versions
内容的提问来源于stack exchange,提问作者Matias Miraglio
相关产品推荐
相关产品推荐

