collectionData doesn't allow angular app to become stable with angular 17 and ssr (getDocs does)
- 主要言語
- TypeScript
- スター
- 7.8k
- フォーク
- 2.2k
- 平均マージ
- 22時間 28分
- マージ済み PR(30日)
- 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.
コントリビューションガイド
調査の方向性
リンクされた再現リポジトリをクローンし、その依存関係をインストールして、npm run start を実行します。Angular の安定性と hydration を遅延させる保留中の Firestore macrotask を観察しながら、collectionData と getDoc/getDocs のケースを比較します。SSR アプリが速やかに安定し、およそ 120 秒の待機なしで hydration が開始されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, firebase, typescript
- 領域
- cloud, frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 25/100