vue.js - Workbox v5 は、さまざまなルートのキャッシュを更新するときに Service Worker が生存していることを確認できません

okwaves2024-01-25  8

現在、かなり大規模な SaaS プラットフォームに Workbox (v5) を使用しています。ほとんどのルートは NetworkFirst を使用するように設定されています。

私が解決できていないのは、一部のルートで、プラットフォームを非運用モードで実行しているときに、「[ルート] のキャッシュを更新するときにサービス ワーカーが生きていることを確認できません」というワークボックス警告がいくつか表示される理由です。 .

メッセージが実際に何を意味するのか、つまりなぜメッセージがトリガーされるのかを知っている人はいますか? ExpirationPlugin からのものであることがわかります。

プラットフォームのフロントエンドは Webpack を備えた Vue.js であり、InjectManifest を備えた WorkboxWebpackPlugin を使用しています。

以下のように構成されています:

config.plugin('workbox')
  .use(WorkboxWebpackPlugin.InjectManifest, [{
    swSrc: './src/sw.js',
    swDest: 'sw.js',
    maximumFileSizeToCacheInBytes: 5242880, // 5MB
    exclude: [
      /\web.config$/,
      /refresh.html$/,
      /sw.js$/
    ]
  }])

残念ですが、この警告メッセージについて詳しく知ることができます。よろしくお願いします。



------------------------

さらなるテストを行った結果、この警告は、networkTimeoutSeconds で NetworkFirst を使用するルートと、そのルートからの応答が networkTimeoutSeconds で設定された秒数を超えた場合に表示されるようです。

総合生活情報サイト - OKWAVES
総合生活情報サイト - OKWAVES
生活総合情報サイトokwaves(オールアバウト)。その道のプロ(専門家)が、日常生活をより豊かに快適にするノウハウから業界の最新動向、読み物コラムまで、多彩なコンテンツを発信。