Timeout just in the first load with Angular 18 and SSR
- 主要言語
- TypeScript
- スター
- 7.8k
- フォーク
- 2.2k
- 平均マージ
- 22時間 28分
- マージ済み PR(30日)
- 6
説明
### Version info
**Angular:** 18.0.5
**Firebase:** latest
**AngularFire:** 18.0.1
### How to reproduce these conditions
Clone this minimal reproduction [repository](https://github.com/quedicesebas/lacomanda-front) containing just a boostraped project that use Firebase to get the SEO data for a page:
https://github.com/quedicesebas/lacomanda-front
**Sample data and security rules**
I'm just loading the SEO meta tags info form firebase.
You just need to use this two documents:
brandDomains/[lafocachera.co](http://lafocachera.co/)
{"brandId": "lafocachera"}
seoConfigs/lafocachera
{
"meta":
"card": "summary",
"description": "FOCACCIA Y PIZZA AL TAGLIO. Para llevar o DIRECTO A TU CASA",
"image": "https://lafocachera.co/assets/lafocachera/meta.jpg",
"type": "website",
"url": "https://lafocachera.co/"
},
"title "La Focachera - Domicilios MOSQUERA FUNZA Y MADRID"
}
### Debug output
I got this just the first time. If I press F5, reloads well each consequent time.
```
Page / did not render in 30 seconds.
at Timeout. (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\@angular\build\src\utils\server-rendering\render-page.js:90:90)
at Timeout.timer (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:2249:37)
at _ZoneDelegate.invokeTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:398:33)
at _ZoneImpl.runTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:158:47)
at invokeTask (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:479:34)
at Timeout.ZoneTask.invoke (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:468:48)
at Timeout.data.args. (C:\Users\srrge\source\repos\esaes\alacarta\lacomanda-front\node_modules\zone.js\fesm2015\zone-node.js:2231:32)
at listOnTimeout (node:internal/timers:573:17)
at process.processTimers (node:internal/timers:514:7
```
### Expected behavior
Should load the first-time without timeout
### Actual behavior
Timeout the first load (in local and deployed to Firebase App Hosting also)
コントリビューションガイド
調査の方向性
リンクされている lacomanda-front の最小再現をクローンし、記載されている Angular、Firebase、AngularFire のバージョンで `/` の初回ロード時のタイムアウトを再現します。`@angular/build/src/utils/server-rendering/render-page.js` に示されている SSR のレンダリングパスから始め、最初のリクエストとリロードを比較します。ローカルおよび Firebase App Hosting で、初回ページロードが 30 秒のタイムアウトなしにレンダリングされれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, firebase, typescript
- 領域
- cloud, frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100