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

未关闭

#3,496 创建于 2024年1月16日 2 条评论 2 个 reaction 已指派 0 人在 GitHub 查看

还没有人认领这个 Issue。

评估

难度: 4/5
预计耗时: 3-5 天
新手友好度: 25/100

Issue 类型: 缺陷
描述清晰度: 基本清楚
活跃度: 停滞
技术栈: angular, firebase, typescript
领域: cloud, frontend

调研方向

克隆链接的复现仓库，安装其依赖项，并运行 npm run start。在观察会延迟 Angular 稳定性和 hydration 的待处理 Firestore 宏任务时，比较 collectionData 和 getDoc/getDocs 的情况。完成的标准是 SSR 应用能够迅速稳定下来，并且 hydration 开始时无需等待大约 120 秒。

由索引模型根据 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 小时
30 天内合并 PR: 5

贡献指南

打开贡献指南

从这里开始

先读完整个 Issue，再读项目的贡献指南。
在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
Fork 仓库，在一个分支上完成修改。
提交 Pull Request，并在描述里引用这个 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