从Angular 12升级到14失败，求可行解决方法

第一步：清理本地依赖环境 #

• 删除项目根目录的node_modules文件夹
• 删除package-lock.json文件
• 清除npm缓存：npm cache clean --force

第二步：手动对齐核心依赖版本 #

Angular 14要求rxjs版本≥7.5.x，且所有@angular/*系列包版本需统一为14.x.x。直接修改package.json中的相关依赖项：

{
  "dependencies": {
    "@angular/animations": "^14.2.0",
    "@angular/common": "^14.2.0",
    "@angular/compiler": "^14.2.0",
    "@angular/core": "^14.2.0",
    "@angular/forms": "^14.2.0",
    "@angular/platform-browser": "^14.2.0",
    "@angular/platform-browser-dynamic": "^14.2.0",
    "@angular/router": "^14.2.0",
    "rxjs": "^7.5.7",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^14.2.0",
    "@angular/cli": "^14.2.0",
    "@angular/compiler-cli": "^14.2.0",
    "@types/jasmine": "~4.0.0",
    "jasmine-core": "~4.3.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.0.0",
    "typescript": "~4.7.4"
  }
}

第三方依赖暂时保留原版本，后续安装完成后再单独处理兼容性问题。

第三步：重新安装依赖 #

执行基础安装命令：npm install
若仍出现ERESOLVE错误，添加参数强制兼容旧依赖逻辑：npm install --legacy-peer-deps

第四步：执行Angular版本更新 #

• 先全局安装对应版本的Angular CLI：npm install -g @angular/cli@14.2.0
• 在项目根目录执行更新命令：ng update @angular/core@14 @angular/cli@14 --force

--force参数可强制跳过部分依赖冲突检测，确保更新流程推进。

第五步：修复代码兼容性问题 #

Angular 14有部分API变更，需根据控制台报错逐一调整：

• 移除模块配置中的entryComponents数组
• 替换rxjs 7.x中已废弃的操作符（如forkJoin的调用方式）
• 适配表单模块的API变更（如FormGroup的部分方法调整）

第六步：验证项目运行 #

执行ng serve启动项目，检查编译和运行状态，剩余报错根据提示继续修复。

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