angular / angular/angularfire

Timeout just in the first load with Angular 18 and SSR

Đang mở
#3,551 10 bình luận 3 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
7.8k
Fork
2.2k
Merge trung bình
22 giờ 28 phút
Pull request đã merge (30 ngày)
6

Mô tả

### 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)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Clone bản tái hiện tối thiểu lacomanda-front được liên kết và tái hiện timeout ở lần tải đầu tiên cho `/` với các phiên bản Angular, Firebase và AngularFire được liệt kê. Bắt đầu với đường dẫn kết xuất SSR được thể hiện trong `@angular/build/src/utils/server-rendering/render-page.js` và so sánh yêu cầu đầu tiên với một lần tải lại. Được xem là hoàn thành khi lần tải trang ban đầu được kết xuất mà không gặp timeout 30 giây cả cục bộ và trên Firebase App Hosting.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, firebase, typescript
Lĩnh vực
cloud, frontend
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.