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.