angular / angular/angularfire

Timeout just in the first load with Angular 18 and SSR

Ouverte
#3,551 10 commentaires 3 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
7.8k
Forks
2.2k
Merge moyen
22 h 28 min
PR mergées (30 j)
6

Description

### Version info

**Angular:** 18.0.5

**Firebase:** latest

**AngularFire:** 18.0.1

### How to reproduce these conditions

Clone this minimal reproduction [repository](https://github.com/quedicesebas/lacomanda-front) containing just a boostraped project that use Firebase to get the SEO data for a page:

https://github.com/quedicesebas/lacomanda-front

**Sample data and security rules**

I'm just loading the SEO meta tags info form firebase.

You just need to use this two documents:

brandDomains/[lafocachera.co](http://lafocachera.co/)
{"brandId": "lafocachera"}

seoConfigs/lafocachera
{
"meta":
"card": "summary",
"description": "FOCACCIA Y PIZZA AL TAGLIO. Para llevar o DIRECTO A TU CASA",
"image": "https://lafocachera.co/assets/lafocachera/meta.jpg",
"type": "website",
"url": "https://lafocachera.co/"
},
"title "La Focachera - Domicilios MOSQUERA FUNZA Y MADRID"
}

### Debug output
I got this just the first time. If I press F5, reloads well each consequent time.
```
Page / did not render in 30 seconds.
at Timeout. (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\@angular\build\src\utils\server-rendering\render-page.js:90:90)
at Timeout.timer (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:2249:37)
at _ZoneDelegate.invokeTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:398:33)
at _ZoneImpl.runTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:158:47)
at invokeTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:479:34)
at Timeout.ZoneTask.invoke (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:468:48)
at Timeout.data.args. (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:2231:32)
at listOnTimeout (node:internal/timers:573:17)
at process.processTimers (node:internal/timers:514:7
```

### Expected behavior

Should load the first-time without timeout

### Actual behavior

Timeout the first load (in local and deployed to Firebase App Hosting also)

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Clonez la reproduction minimale lacomanda-front liée et reproduisez le délai d’attente du premier chargement pour `/` avec les versions d’Angular, de Firebase et d’AngularFire indiquées. Commencez par le chemin de rendu SSR présenté dans `@angular/build/src/utils/server-rendering/render-page.js` et comparez la première requête avec un rechargement. C’est terminé lorsque le chargement initial de la page s’affiche sans le délai d’attente de 30 secondes en local et sur Firebase App Hosting.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, firebase, typescript
Domaine
cloud, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.