You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何更改(升级或降级)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
    
二、修改现有项目的本地依赖(核心步骤)

这部分是让你的项目真正切换到目标版本的关键:

  1. 更新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版本
  2. 清理旧依赖和锁文件

    • 删除项目里的node_modules文件夹:
      # Mac/Linux
      rm -rf node_modules
      # Windows
      rmdir /s /q node_modules
      
    • 删除版本锁文件:
      rm package-lock.json
      # 如果用yarn的话删这个
      rm yarn.lock
      
  3. 重新安装依赖
    运行命令重新安装匹配版本的依赖:

    npm install
    # 用yarn的话
    yarn install
    
  4. 验证项目版本
    进入项目目录,运行以下命令确认版本:

    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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:32:53