如何将Angular项目从12.2.5版本降级到12.2.1版本

完全可以通过手动调整依赖版本完成降级，具体操作步骤如下：

• 第一步：清理现有依赖和缓存
  执行以下命令删除本地依赖文件和版本锁文件：

  # Mac/Linux
  rm -rf node_modules package-lock.json
  # Windows
  rd /s /q node_modules && del package-lock.json
  

  若使用yarn作为包管理器，同步删除yarn.lock文件即可。
• 第二步：修改package.json固定Angular相关依赖版本
  你需要把所有@angular/开头的依赖，以及Angular官方配套的构建工具版本全部修改为12.2.1，严禁出现不同版本的Angular核心包混用，修改对应字段如下：

  "dependencies": {
    // 其余非Angular依赖保持不变
    "@angular/animations": "12.2.1",
    "@angular/common": "12.2.1",
    "@angular/compiler": "12.2.1",
    "@angular/core": "12.2.1",
    "@angular/forms": "12.2.1",
    "@angular/platform-browser": "12.2.1",
    "@angular/platform-browser-dynamic": "12.2.1",
    "@angular/platform-server": "12.2.1",
    "@angular/router": "12.2.1"
  },
  "devDependencies": {
    // 其余非Angular开发依赖保持不变
    "@angular-devkit/build-angular": "~12.2.1",
    "@angular/cli": "12.2.1",
    "@angular/compiler-cli": "12.2.1",
    "@angular/language-service": "12.2.1"
  }
  

  其余第三方依赖无需修改：@angular-architects/module-federation 12.5.0兼容Angular 12.2全版本，TypeScript 4.3.5也适配Angular 12的所有小版本，不需要调整。版本完全对齐后，就不会出现微前端场景下多Angular实例的样式、动画冲突问题。
• 第三步：重新安装依赖并验证
  执行安装命令：

  npm install
  

  安装完成后执行ng version查看所有Angular包版本是否统一为12.2.1，确认后启动项目验证CSS、动画功能是否恢复正常，微前端模块联邦加载是否无报错即可。

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