Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Deployment to Google Cloud Run using Angular v17 Application Builder not working

未关闭
#3,502 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
angular, firebase, google-cloud, typescript

调研方向

首先运行 npx nx run app:build --configuration=production,并检查 issue 中链接的 Cloud Run 部署代码附近的 src/schematics/deploy/actions.ts。将 Angular application builder 的 dist/.../browserserver 输出与部署所使用的路径进行比较,然后验证在此配置下部署是否成功。

由索引模型根据 Issue 内容生成。

描述

Version info

Angular:
17.2.2
Firebase:
13.3.1
AngularFire:
17.0.1
Other (e.g. Ionic/Cordova, Node, browser, operating system):
Node 20

How to reproduce these conditions

Use @angular/fire with the new @angular-devkit/build-angular:application.
Failing test unit, Stackblitz demonstrating the problem

Steps to set up and reproduce
Start a new repo with the following configuration (I used Nx with project.json, but vanilla angular.json also works):

  // ...
  "targets": {
    "build": {
      "executor": "@angular-devkit/build-angular:application",
      "outputs": ["{options.outputPath}"],
      "options": {
        "outputPath": "dist/apps/app",
      }
    }
    "deploy": {
      "executor": "@angular/fire:deploy",
      "configurations": {
        "production": {
          "buildTarget": "app:build:production",
          "serveTarget": "app:build:production"
        }
      },
}

Then execute the target using npx nx run app:build --configuration=production. This creates the following structre:

dist/
  |_ apps/
    |_ app/
      |_ browser/
      |_ server/
        |_ ...
        |_ main.server.mjs
        |_ server.mjs

But this code to deploy to Cloud Run still uses the old main.js. Also, it is using the outputPath from the build target, but since that outputPath does not contain browser or server, the final path needs to have this folder added too.

The change can be something like this (I have not tested this):

const packageJson = getPackageJson(context, workspaceRoot, options, join(serverBuildOptions.outputPath, 'main.js'));

...to something like this:

const packageJson = getPackageJson(context, workspaceRoot, options, join(serverBuildOptions.outputPath, 'server', 'main.server.mjs'));

...and probably more than this.

Sample data and security rules

Debug output

** Errors in the JavaScript console **

** Output from firebase.database().enableLogging(true); **

** Screenshots **

Expected behavior

Upload to Cloud Run using Angular v17 @angular-devkit/build-angular:application should work.

Actual behavior

Upload to Cloud Run fails for Angular v17 with @angular-devkit/build-angular:application.

主要语言
TypeScript
星标
7.8k
派生
2.2k
平均合并
3 天 6 小时
30 天内合并 PR
5

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

angular/angularfire 的其他 Issue

查看 angular/angularfire 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。