2017-01-06 7 views
0

私はsw-precache-webpack-pluginを使用してプロジェクトのサービスワーカーを生成しています。キャッシュ内のすべてのフォント、js、cssファイルを見ることができますストレージがインデックス/ htmlファイルではなく、私はオフラインになるときに動作しません。私はまた、 'サイトをインストールすることができません:一致するサービスワーカーが見つかりませんでした。私はしようとすると、アプリケーションマニフェストのホームページに追加します。sw-precache-webpack-plugin webpackサービスワーカーのデフォルトテンプレート

私のスタックは、インデックスファイル用のExpress + ejsを持つReact + reduxの普遍的なアプリケーションです。私はデフォルトのhtmlファイルではなくejsを使用しているため、そのファイルを見つけることができないかどうかはわかりません。テンプレートを指定する方法はありますか?私のSW-プリキャッシュ-のWebPACK - プラグインのWebPACKの設定は次のとおりです。

new SWPrecacheWebpackPlugin({ 
cacheId: 'tester', 
filename: 'my-service-worker.js', 
directoryIndex: '/', 
}), 

何かアドバイスは、あなたがプラグインの設定でキャッシュ戦略の仕様が欠落している

答えて

2

をいただければ幸いです。

plugins: [ 
    new SWPrecacheWebpackPlugin({ 
     cacheId: 'tester', 
     filename: 'my-service-worker.js', 
     runtimeCaching: [ 
     { 
      urlPattern: '/', 
      handler: 'cacheFirst', 
     } 
     ] 
    }) 
] 

ドキュメント:応答のためのhttps://github.com/GoogleChrome/sw-precache#runtimecaching-arrayobject

+0

おかげで、私はちょうどビルドを行なったし、サービス労働者を一掃。残念ながら、それは働いていません。 –

+0

@GraemePaul私はまったく同じ問題を抱えているので、これを解決できましたか? – TheoG

+0

@GraemePaul心配しないでください。ペドロによって提供された答えは確かに働きます。ちょうどキャッシングの問題がありました。 – TheoG

関連する問題