プログレッシブWebアプリのオフラインリフレッシュが機能しない

Question

最近、Googleノードモジュール「sw-precache」（demoのGulpタスクを使用しました）によって生成されたサービスワーカーが、初めてのプログレッシブWebアプリケーションを作成しました。すべてがうまくいき、モバイルでChromeを使用してオフラインにするか、[ホーム画面に追加]オプション（プログレッシブウェブアプリ）を使用してChromeで作成されたアイコンを使用して、ウェブアプリをナビゲートできます。

オフラインでChromeでページを更新してもまだ動作しますが、pwaを使用して同じ操作を行うと恐竜と「オフラインです」というメッセージが表示されますスクロールアップ）。しかし、ページをリフレッシュせずにアプリをナビゲートすると、恐竜はありません。

これは既知の問題ですか？

Answer 1

それから、あなたはsw-precacheだけを使用しています。サービスワーカーは、ページがキャッシュされていない場合に何をすべきかを聞くイベントハンドラを持っていないようです。 sw-toolboxを使用して、将来の訪問のキャッシュを処理し、オフラインページを処理できます。相続人は、コード

self.toolbox.router.get('/(.*)', function (req, vals, opts) { 
    return self.toolbox.networkFirst(req, vals, opts) 
     .catch(function (error) { 
      if (req.method === 'GET' && req.headers.get('accept').includes('text/html')) { 
       return self.toolbox.cacheOnly(new Request(OFFLINE_URL), vals, opts); 
      } 
      throw error; 
     }); 
    });