キャッシュされたシェルを使用したプログレッシブWebアプリケーションは、依然として望ましい動作をしていませんか？

Question

ビルドアセット（vendor.js、app.js、およびiconsなど）をプリキャッシュするために、ReactアプリでSw-precacheを使用しました。しかし、その結果は望ましいものではありません。ページをリロードすると、私のアプリ資産はすべて（サービスワーカーから）再度取り出されますが、すべてが消えてしまうと（ページが空白になる）、資産が表示されることはありません。 Screen capture of my app on page reload。比較すると、https://pwa.rocks/からのリストのthe Sessionがここにあります。これは本当にオフラインでキャッシュされており、リロードしても静的資産は再フェッチされません。 Here is also a screen capture of the session app on page reload。私は肯定的です。私は何かしていません。私は何が欠けていますか？

Answer 1

あなたのHTMLが戻って空のページであり、Javascriptが実行され、コンテンツをDOMに移入するのに時間がかかることがあります。セッションはサービスワーカーから移入されたHTMLを返します。