angular / angular/angularfire

collectionData doesn't allow angular app to become stable with angular 17 and ssr (getDocs does)

Aperta
#3,496 2 commenti 2 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
7.8k
Fork
2.2k
Merge medio
22h 28m
PR unite (30g)
6

Descrizione

### Version info

**Angular:**
17.0.9

**Firebase:**
10.7.1

**AngularFire:**
17.0.1

**Other (e.g. Ionic/Cordova, Node, browser, operating system):**
Windows

### How to reproduce these conditions

GitHub repo to clone as needs SSR to reproduce
https://github.com/pdela/testing-ng17-ssr

**Steps to set up and reproduce**

Clone the repo
install dependencies
npm run start

### Expected behavior

Angular app to become stable in reasonable time (millis)

### Actual behavior

The problem is that firebase prevents angular app to become stable in client, thus hydration process doesn't start, except after waiting for around 120 seconds

Edit:
Unfortunately I still have this problem in the demo above and in another project ( using angular 17.3.x and firebase 10.11.x) and this time using getDoc method.
I'm pretty sure the problem is originated in firestore SDK, as the 2 pending macrotasks that blocks angular being stable point to a setTimout inside firestore source code.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Clona il repository di riproduzione collegato, installa le relative dipendenze ed esegui npm run start. Confronta i casi collectionData e getDoc/getDocs osservando le macrotask Firestore in sospeso che ritardano la stabilità e l’idratazione di Angular. Il lavoro è completato quando l’app SSR diventa rapidamente stabile e l’idratazione inizia senza l’attesa di circa 120 secondi.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, firebase, typescript
Ambito
cloud, frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.