angular / angular/angularfire

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

未關閉
#3,496 2 則留言 2 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
TypeScript
星號
7.8k
分支
2.2k
平均合併
22 小時 28 分鐘
30 天內合併 PR
6

描述

### 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.

貢獻指南

開啟貢獻指南

研究方向

Clone 連結的重現 repository,安裝其相依套件,並執行 npm run start。在觀察會延遲 Angular 穩定性和 hydration 的待處理 Firestore 巨集任務時,比較 collectionData 和 getDoc/getDocs 的情況。完成的標準是 SSR 應用程式能迅速穩定下來,且 hydration 開始時不需等待約 120 秒。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
angular, firebase, typescript
領域
cloud, frontend
Issue 類型
缺陷
難度
4/5
預估耗時
3-5 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
25/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。