Workbox v5 在为各种路由更新缓存时无法确保 Service Worker 保持活动状态

Question

我们目前正在为一个相当大的 SaaS 平台使用 Workbox (v5)。大多数路线都设置为使用 NetworkFirst.

我无法解决的问题是，为什么对于某些路线，当运行平台处于 none-生产模式时，有一些 Workbox 警告说 更新 [route].

的缓存时无法确保 service worker 保持活动状态

有谁知道该消息的实际含义，即为什么会触发它？我看到它来自 ExpirationPlugin.

平台的前端是 Vue.js 和 Webpack，我们正在使用 WorkboxWebpackPlugin InjectManifest.

配置如下：

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

祝你好运我将能够了解有关此警告消息的更多信息。提前致谢。

Answer 1

经过进一步测试，当使用 NetworkFirst 和 networkTimeoutSeconds 的路由并且路由的响应超过 [=11= 中设置的秒数时，似乎会显示此警告].

Workbox v5 在为各种路由更新缓存时无法确保 Service Worker 保持活动状态

Workbox v5 unable to ensure service worker stays alive when updating cache for various routes

vue.js

webpack

service-worker

workbox