angular / angular/angularfire

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

オープン
#3,496 コメント 2 件 リアクション 2 件 担当者 0 名 GitHub で見る
主要言語
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。