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

オープン

#3,496 2024年1月16日に作成コメント 2 件リアクション 2 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 4/5
見積もり時間: 3〜5日
初心者へのやさしさ: 25/100

issue の種類: バグ
明瞭さ: おおむね明確
活発さ: 停滞
技術スタック: angular, firebase, typescript
領域: cloud, frontend

調査の方向性

リンクされた再現リポジトリをクローンし、その依存関係をインストールして、npm run start を実行します。Angular の安定性と hydration を遅延させる保留中の Firestore macrotask を観察しながら、collectionData と getDoc/getDocs のケースを比較します。SSR アプリが速やかに安定し、およそ 120 秒の待機なしで hydration が開始されれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語: TypeScript
スター: 7.8k
フォーク: 2.2k
平均マージ: 3日 6時間
マージ済み PR（30日）: 5

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

angular/angularfire のほかの issue

Canary builds are named after the release candidate, so npm ranks them above it オープン

comp: build/pipeline type: bug version: current (v17+)

難易度 2/5 1〜3時間初心者へのやさしさ 74/100

angular/angularfire#3766 · 2026年9月23日に作成
`ng add @angular/fire` stops with `Cannot read properties of undefined (reading 'email')` on firebase-tools 15 オープン

comp: schematics type: bug version: current (v17+)

難易度 3/5 1〜2日初心者へのやさしさ 76/100

angular/angularfire#3768 · 2026年9月23日に作成
docs: the documented install and upgrade commands do not work with 21.0.0-rc.1 オープン

comp: docs type: chore version: current (v17+)

難易度 4/5 3〜5日初心者へのやさしさ 58/100

angular/angularfire#3764 · 2026年9月22日に作成
Use `TransferState` to hand server-rendered Firestore data to the browser, instead of reading every document twice オープン

comp: firestore comp: ssr priority: P0 (critical) type: feature version: current (v17+)

angular/angularfire#3757 · 担当者 1 名 · 2026年8月31日に作成
Six `firebase` entry points have no `@angular/fire` equivalent, so their exports are unreachable オープン

comp: core type: feature

angular/angularfire#3755 · 担当者 1 名 · 2026年8月31日に作成

angular/angularfire の issue をすべて見る

似ている issue

[MagmaFusion] rapports qualité - contenus des rubriques en anglais manquants オープン

難易度 2/5 1〜3時間初心者へのやさしさ 65/100

InseeFr/Bauhaus#1634 · 2026年9月23日に作成
[Bug]: SSH host picker duplicates configured aliases and known_hosts targets オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

pingdotgg/t3code#13270 · 2026年9月23日に作成
resetSseResponseWait and noteRequestProgress silently fail to re-arm the 60s relay timeout if progress tokens arrive as strings オープン

bug v2

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

modelcontextprotocol/inspector#2458 · コメント 1 件 · 2026年9月23日に作成
Resources: Update work of changsha オープン

難易度 1/5 1時間未満初心者へのやさしさ 75/100

railmapgen/rmp-gallery#4068 · 2026年9月23日に作成
sass-1.105.0.tgz: 1 vulnerabilities (highest severity is: 7.5) オープン

Mend: dependency security vulnerability status: needs triage 🕵️‍♀️

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

carbon-design-system/ibm-products#9907 · 2026年9月23日に作成

TypeScript の issue をもっと見る