問題タブ [sw-precache]

angular アプリで静的リソースをキャッシュするために sw-precache を使用しています。Grunt は私が使用しているタスク ランナーです。gruntfile.js に sw-precache を統合しましたが、実行時に何もしません

service-worker.js ファイルが生成されているはずです

rootDir の名前付けに問題があると思いますが、解決策を見つけることができません

ここに私のgruntfile.jsがあります

angularでのアクセスを高速化するために、すべてのhtmlをテンプレートキャッシュに入れるgulpセットアップがあります。オフラインで使用できるように、sw-precache を使用して Service Worker をプロジェクトに追加しようとしています。ネットワークに接続していれば、すべて正常に動作します。オフラインにすると、ネットワークからのパスを要求しているように見えるため、(テンプレート キャッシュにある) html リソースの要求が失敗します。

HTMLファイルの取得を処理するためにangularに任せるために、sw-precache構成に追加する必要があるものはありますか?

ページに登録している sw-precache によって生成された Service Worker があります。install イベントと activate イベントの両方が発生して正常に完了し、ファイルがキャッシュされ、ページへの登録が正常に完了しますが、fetch イベントは発生しません。私が読んだことによると、これは通常、リクエストがサービス ワーカーのスコープ外を対象としていることが原因ですが、スコープはアプリケーション ルート (register 呼び出しから返された登録オブジェクトから確認できます) であり、すべてのソースです。に含まれています。ファイルを参照するさまざまな方法を試しましたが、動作は常に同じです。Chrome と Firefox でも同じ結果が得られます。スコープ以外に、フェッチが起動しない原因についてのアイデアはありますか?

更新: 関連するコードは特に役に立たない...

Service Worker は sw-precache によって生成され、ここにすべてを配置するには長すぎますが、関連するリスナーは次のとおりです。

言うまでもなく「取ってこい！」コンソールには表示されません。