Timeout just in the first load with Angular 18 and SSR

[quedicesebas]

Version info

Angular: 18.0.5

Firebase: latest

AngularFire: 18.0.1

How to reproduce these conditions

Clone this minimal reproduction repository 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 {"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.<anonymous> (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.<computed> (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)

[alexdabast]

@quedicesebas did you find anything about this ?

[sadabjr]

did you get any solution ?

[JanKrakowiak]

same, did you find something?

[juliansjk]

Same, working with firebase. Initially implemented provideExperimentalZonelessChangeDetection() and later deactivated it, and the error persists.

[ibnYusrat]

All I did to end up with this error was to generate a new app and add AngularFire to it. I am starting to loose hope with the Angular Fire library, like really loose hope.. after using it for 5 years.

[quedicesebas]

Is working for me sometime ago, not sure why (maybe current 18 version).

[joaedsag]

Same issue here in our Angular 18/Spring project. Worked previously in Angular 17

[jamesdaniels]

Please give AngularFire v19 a spin, we've improved the zone handling and now emit debug messages warning the developer of zonewraps that may be misbehaving.

[hanafnafs]

Same issue here, have you found any solution?

[BIYUEHU]

Same, have u solved it?