問題タブ [workbox-window]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
service-worker - ページの更新後に Service Worker が更新されたときにページの再読み込みを提供するにはどうすればよいですか?
私は現在、最新のワークボックス バージョン 4.3.1 を使用しています。イベントworkbox-windowをリッスンしてユーザーにページのリロードを提供しています。ワークボックス ドキュメントの高度なレシピwaitingページで提供されているコードを使用しています。
ページ上のコード:
Service Worker ファイルのコード:
私はそれをテストしましたが、問題なく動作しています。ユーザーにスナックバーを表示して、更新があることをユーザーに知らせることができます。ユーザーが受け入れるとSKIP_WAITING、Service Worker に電話するようメッセージが送信されますskipWaiting()。
ユーザーがリロード プロンプトを受け入れず、ページを更新したか、別のページに移動したと仮定しましょう。新しい Service Worker は待機したままになり、アクティブ化されません。これは通常の動作ですが、私の質問は、このリロードをどのように表示できるかです。ユーザーが別のページを更新したり、別のページに移動した場合にプロンプトを表示しますか? waitingイベントは一度だけ発生するようです。
vue.js - Service Worker のインストールに失敗するワークボックス ウィンドウ
vuejs アプリで workbox-window(CDN) と workbox-webpack-plugin を使用して、フォーム v3 から v4 に移行しています。
ローカルでは http-server で正常に動作しますが、デプロイ後にこのエラーが発生し、Service Worker のインストールに失敗します。
これを修正するにはどうすればよいですか?