Angular Universal13+Angularfire7部署Google App Engine报错求解

问题背景 #

应用从Angular 12升级到Angular 13版本后，无法成功部署到Google App Engine，部署过程抛出如下错误：

ERROR: (gcloud.app.deploy) Error Response: [9] An internal error occurred while processing task /app-engine-flex/flex_await_healthy/flex_await_healthy>2022-06-13T16:41:52.218Z5714.hx.1: An internal error occurred while creating your deployment. Please try again later or contact Google Support.

已将问题反馈给Google Cloud支持团队，暂未得到解决方案。目前怀疑故障由部分依赖包版本不匹配引发冲突，希望使用Angular Universal 13 + Angular Material + Angularfire技术栈的开发者分享可用的package.json文件，用于对比确认正确的依赖版本。

现有配置 #

package.json #

{
    "name": "my-project-name",
    "version": "1.0.0",
    "scripts": {
      "ng": "ng",
      "start:dev": "ng serve",
      "build": "ng build",
      "test": "ng test",
      "lint": "ng lint",
      "e2e": "ng e2e",
      "dev:ssr": "ng run myProjectName:serve-ssr",
      "serve:ssr": "node dist/myProjectName/server/main.js",
      "build:ssr": "ng build --configuration production && ng run myProjectName:server",
      "prerender": "ng run myProjectName:prerender",
      "prepare": "npm run build:ssr",
      "start": "npm run serve:ssr"
    },
    "private": true,
    "dependencies": {
      "@angular-material-components/datetime-picker": "^7.0.1",
      "@angular/animations": "~13.3.10",
      "@angular/cdk": "^13.3.7",
      "@angular/common": "~13.3.10",
      "@angular/compiler": "~13.3.10",
      "@angular/core": "~13.3.10",
      "@angular/fire": "^7.3.0",
      "@angular/forms": "~13.3.10",
      "@angular/material": "^13.3.7",
      "@angular/material-moment-adapter": "^13.3.7",
      "@angular/platform-browser": "~13.3.10",
      "@angular/platform-browser-dynamic": "~13.3.10",
      "@angular/platform-server": "~13.3.10",
      "@angular/router": "~13.3.10",
      "@ngneat/dirty-check-forms": "^2.0.0",
      "@nguniversal/express-engine": "^13.1.1",
      "algoliasearch": "^3.35.1",
      "compression": "^1.7.4",
      "domino": "^2.1.6",
      "express": "^4.15.2",
      "firebase": "^9.1.0",
      "html2canvas": "^1.1.3",
      "instantsearch.css": "^7.4.5",
      "instantsearch.js": "^3.7.0",
      "jspdf": "^2.3.1",
      "memory-cache": "^0.2.0",
      "moment": "^2.29.1",
      "ngx-infinite-scroll": "^13.0.2",
      "rxfire": "^6.0.3",
      "rxjs": "^6.6.0",
      "tslib": "^2.0.0",
      "zone.js": "~0.11.4"
    },
    "devDependencies": {
      "@angular-devkit/architect": "^0.1400.0",
      "@angular-devkit/build-angular": "~13.3.7",
      "@angular/cli": "^13.3.7",
      "@angular/compiler-cli": "~13.3.10",
      "@nguniversal/builders": "^13.1.1",
      "@types/algoliasearch": "^3.34.11",
      "@types/express": "^4.17.0",
      "@types/jasmine": "~3.6.0",
      "@types/jasminewd2": "~2.0.3",
      "@types/node": "^17.0.35",
      "codelyzer": "^6.0.0",
      "eslint": "^7.13.0",
      "eslint-plugin-import": "^2.22.1",
      "firebase-admin": "^8.10.0",
      "firebase-functions": "^3.6.0",
      "firebase-functions-test": "^0.2.2",
      "firebase-tools": "^10.0.0",
      "fuzzy": "^0.1.3",
      "inquirer": "^6.2.2",
      "inquirer-autocomplete-prompt": "^1.0.1",
      "jasmine-core": "~4.0.0",
      "jasmine-spec-reporter": "~5.0.0",
      "karma": "~6.3.4",
      "karma-chrome-launcher": "~3.1.0",
      "karma-coverage-istanbul-reporter": "~3.0.2",
      "karma-jasmine": "~4.0.0",
      "karma-jasmine-html-reporter": "^1.5.0",
      "open": "^7.0.3",
      "prettier": "2.1.2",
      "protractor": "~7.0.0",
      "ts-node": "~8.3.0",
      "tslint": "~6.1.0",
      "tslint-config-prettier": "^1.18.0",
      "typescript": "^4.6.3"
    }
  }

app.yaml #

runtime: nodejs
env: flex
instance_class: F4
resources:
  memory_gb: 4
  disk_size_gb: 35
automatic_scaling:
  max_concurrent_requests: 55
readiness_check:
  app_start_timeout_sec: 1800

可优先排查的版本问题 #

• devDependencies中@angular-devkit/architect版本为^0.1400.0，属于Angular 14配套依赖，和当前项目Angular 13生态存在明确版本冲突，建议降级为~0.1303.7，和同组的@angular-devkit/build-angular版本对齐
• @angular/fire@7.3.0官方兼容的firebase版本为9.8.x区间，当前使用的firebase@^9.1.0版本偏低，可能存在API兼容问题
• Angular 13默认配套rxjs版本为7.x，当前使用的rxjs@^6.6.0版本偏旧，建议升级到~7.5.5匹配框架要求
• 删除node_modules和package-lock.json后重新执行依赖安装，排除本地锁文件导致的依赖版本错乱问题

在此提前感谢各位提供帮助。

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