collectionData doesn't allow angular app to become stable with angular 17 and ssr (getDocs does)
- 主要語言
- 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