Angular Service Worker - Kaynak yüklenemedi: sunucu 504 durumuyla yanıt verdi (Ağ Geçidi Zaman Aşımı)


86

Ben kullanıyorum Angular-CLI 1.6.6ve @angular/service-worker 5.2.5bizim de Angular 5.2.5app. Üretim ortamımızda çıkan bir hata mesajı dışında, her şey yerel lite sunucusunda ve üretim sunucusunda sorunsuz çalışır:

Kaynak yüklenemedi: sunucu, 504 (Ağ Geçidi Zaman Aşımı) durumuyla yanıt verdi

ngsw-worker.jsKomut dosyasına baktığımda, yukarıdaki hata mesajının oluşturulduğu satırları (aşağıdaki 2466) buldum:

    async safeFetch(req) {
        try {
            return await this.scope.fetch(req);
        }
        catch (err) {
            this.debugger.log(err, `Driver.fetch(${req.url})`);
            return this.adapter.newResponse(null, {
                status: 504,
                statusText: 'Gateway Timeout',
            });
        }
    } 

Yakalamadaki konsol günlüğü hatası aşağıdaki hatayı ortaya çıkarır:

    TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode
        at Driver.safeFetch (ngsw-worker.js:2464)
        at Driver.handleFetch (ngsw-worker.js:1954)
        at <anonymous>

Bu soruyla ilgili görünen bir hata: 'ServiceWorkerGlobalScope' üzerinde 'getirme' yapılamamasına neden olan şey: 'sadece önbelleğe alınmışsa' yalnızca 'aynı-orijinli' mod hatasıyla ayarlanabilir?

Bu hatayı oluşturan istek, uygulamaya herhangi bir ilk erişimdir:

https://example.com/test/#/connect
https://example.com/test/#/map?token=[accestoken]
...

Uygulama yeniden yüklendiğinde hata tekrarlanmaz.

Biri bana yardım edebilir mi? safeFetch()Hizmet çalışanında bir hata var mı (belki HashLocationStrategy'yi desteklemek için)? Yapılandırmamdaki herhangi bir şeyi değiştirmem gerekiyor mu?


9
Görünüşe göre pek çok insan bu problemle karşı karşıya. github.com/angular/angular/issues/20756 github.com/angular/angular/issues/20970 vs. Herhangi bir faydası yok ama açısal servis çalışanı projesine göre bakılıyor gibi görünüyor: github.com / angular / angular / projects / 13
sje

1
Lütfen TAM kaynaklar sağlayın (veya daha iyisi, lütfen stackblitz :)
yomateo

504'ü gösteren ağ sekmesinden bir ekran görüntüsü sağlayabilir misiniz?
Daniel Habenicht

2
Konuyla ilgili bazı çalışmalar yapıldı . @tobik bu hala bir sorun mu?
Joniras

Yanıtlar:


1

ETag başlığının arka uçtan devre dışı bırakılması bu sorunu geçici olarak çözdü.


Lütfen cevabınızı detaylandırır mısınız, bu ETag'ı açısal uygulamada nerede bulabilirim
vndpal

Bunu arka uç yapılandırmasında yapmanız gerekir.
Tibin Thomas
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.