Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#3,502 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
angular, firebase, google-cloud, typescript

Línea de trabajo

Comienza ejecutando npx nx run app:build --configuration=production e inspecciona src/schematics/deploy/actions.ts alrededor del código de despliegue de Cloud Run enlazado en el issue. Compara la salida dist/.../browser y server del Angular application builder con las rutas utilizadas para el despliegue y, después, verifica que el despliegue se realiza correctamente con esta configuración.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
TypeScript
Estrellas
7.8k
Forks
2.2k
Merge medio
3 d 6 h
PR fusionados (30 d)
5

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de angular/angularfire

Todos los issues de angular/angularfire

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.