Angular项目Netlify部署遇NPM依赖冲突与解析错误求助

在Netlify部署Angular项目过程中，执行npm install时出现依赖无法解析及peer依赖冲突问题，已尝试常规技术教程中的解决方案但未解决。

项目依赖配置如下：

"dependencies": {
    "@angular/animations": "~15.1.1",
    "@angular/cdk": "^15.1.2",
    "@angular/common": "~15.1.1",
    "@angular/compiler": "~15.1.1",
    "@angular/core": "~15.1.1",
    "@angular/forms": "~15.1.1",
    "@angular/localize": "~15.1.1",
    "@angular/platform-browser": "~15.1.1",
    "@angular/platform-browser-dynamic": "~15.1.1",
    "@angular/router": "~15.1.1",
    "@angular/service-worker": "~15.1.1",
    "@googlemaps/markerclustererplus": "^1.2.3",
    "@ngx-translate/core": "^13.0.0",
    "@ngx-translate/http-loader": "^6.0.0",
    "@uiowa/digit-only": "^2.3.0",
    "angular-svg-icon": "^12.0.0",
    "broadcast-channel": "^4.2.0",
    "date-fns": "^2.25.0",
    "hammerjs": "^2.0.8",
    "ngx-device-detector": "^3.0.0",
    "ngx-image-cropper": "^5.0.1",
    "ngx-progressbar": "^6.1.1",
    "primeflex": "^3.0.1",
    "primeicons": "^4.1.0",
    "primeng": "^12.2.0-rc.1",
    "rxjs": "~6.6.0",
    "tslib": "^2.1.0",
    "zone.js": "^0.11.8"
  },
  "devDependencies": {
    "@angular-builders/jest": "^12.1.0",
    "@angular-devkit/build-angular": "~15.1.2",
    "@angular-eslint/builder": "15.2.0",
    "@angular-eslint/eslint-plugin": "15.2.0",
    "@angular-eslint/eslint-plugin-template": "15.2.0",
    "@angular-eslint/schematics": "15.2.0",
    "@angular-eslint/template-parser": "15.2.0",
    "@angular/cli": "~15.1.2",
    "@angular/compiler-cli": "~15.1.1",
    "@biesbjerg/ngx-translate-extract": "^7.0.4",
    "@types/googlemaps": "^3.43.3",
    "@types/jasmine": "~3.6.0",
    "@types/jest": "^26.0.23",
    "@types/lodash": "^4.14.172",
    "@types/node": "^12.11.1",
    "default-passive-events": "^2.0.0",
    "eslint": "^8.28.0",
    "eslint-plugin-sort-class-members": "^1.11.0",
    "eslint-plugin-unused-imports": "^1.1.4",
    "husky": "^6.0.0",
    "jasmine-core": "~3.7.0",
    "jest": "^27.0.5",
    "karma-coverage": "~2.0.3",
    "lint-staged": "^11.0.0",
    "lodash": "^4.17.21",
    "npm-run-all": "^4.1.5",
    "prettier": "^2.3.1",
    "ts-jest": "^29.0.5",
    "typescript": "^4.9.4"
  }

npm install错误截图：

解决方案建议 #

• 升级第三方依赖到Angular 15兼容版本：

  • primeng：升级至^15.0.0版本（Angular 15对应primeng 15系列）
  • @angular-builders/jest：升级至^15.0.0版本，匹配Angular 15版本
  • angular-svg-icon：升级至^15.0.0版本，参考其官方兼容说明
  • ngx-image-cropper：升级至^15.0.0版本，当前5.x版本仅兼容Angular 12/13
  • ngx-progressbar：升级至^15.0.0版本，6.x版本对应Angular 12
  • @ngx-translate/core：升级至^15.0.0版本，同时将@ngx-translate/http-loader升级至^8.0.0（适配Angular 15）
  • rxjs：Angular 15要求rxjs ^7.5.0，将当前~6.6.0升级至~7.8.0

• 清理缓存后重新安装：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

• 临时绕过peer依赖（不推荐长期使用）：
  若需快速部署，可执行以下命令强制安装，但长期需解决版本兼容问题：

  npm install --legacy-peer-deps
  

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