0

React アプリで Sw-precache を使用して、ビルドしたアセット (vendor.js、app.js、およびアイコン) を事前にキャッシュしました。ただし、結果は望ましくありません。ページをリロードすると、アプリのアセットはすべて (Service Worker から) 再度フェッチされますが、すべてが消えて (ページが空白になり) しばらくの間、アセットが表示されることはありません。 ページの再読み込み時のアプリのスクリーン キャプチャ。比較すると、こちらはhttps://pwa.rocks/のリストからのセッションのアプリです。それは本当にオフラインでキャッシュされており、リロードしても静的アセットを再フェッチしません。これは、ページの再読み込み時のセッション アプリのスクリーン キャプチャです。私がしていないことがあると確信しています。私は何が欠けていますか？

4

1 に答える 1

0

HTML が空のページを返し、Javascript が実行されて DOM にコンテンツが入力されるまでに時間がかかりますが、セッションは Service Worker から入力された HTML を返します。

于 2016-09-16T20:41:44.797 に答える