角度設定のPWA ngsw-manifest.json

こんにちは、私は私のPWAアプリを設定したいです。私のアプリは動的コンテンツAPI以外は正常に動作します。オンラインではうまく動作しますが、オフラインになると、serviceWorkerからステータスが503になります。私の設定ファイル： ngsw-manifest.jsonを角度設定のPWA ngsw-manifest.json

{ 
    "dynamic": { 
    "group": [{ 
     "name": "api", 
     "urls": { 
     "https:url": { 
      "match": "prefix" 
     } 
     }, 
     "cache": { 
     "optimizeFor": "freshness", 
     "maxAgeMs": 3600000, 
     "maxEntries": 20, 
     "strategy": "lru" 
     } 
    }] 
    }, 
    "external": { 
    "urls": [{ 
     "url": "https://fonts.googleapis.com/icon?family=Material+Icons" 
    }] 
    } 
}

出典

2017-10-01 user2217288

この[スレッド]（https://github.com/angular/mobile-toolkit/issues/168）を参照してください動的キャッシュグループを作成すると、サービスワーカーによってフェッチされたファイルと一致するものもキャッシュされます。これは、fetchメソッドが要求を出して、503であったサーバからの実際の応答で約束を解決したためです。このため、fetchFromCacheコードブロックは実行されず、503を残します。この[リンク]（https://github.com/angular/mobile-toolkit/issues/179）の説明を参照してください。 – abielita

ファイルfreshness.tsが見つかり、行を次のように変更します。if（rse.response === null ||！rse.response.ok）{.... ビルド後に再びサービスワーカーが同じエラーが出る行う？ – user2217288

あなたがFirebase上でアプリケーションをホストしている場合は、新しいFirestoreデータベースを使用してに見たいと思うかもしれません。オフラインデータ用に設計されています。 Firebaseは、オフラインモードでPWAに問題がありました。また、PWA（ServiceWorker）のコアがAngular 5に書き直されました。

出典

2017-10-04 13:38:23

角5？私は他のサーバーからAPIを使用します。 – user2217288

角度設定のPWA ngsw-manifest.json

答えて

関連する問題