如何配置workbox-webpack-plugin以显示离线页面，而无需重新加载？任何想法

Question

我正在尝试将workbox-webpack-plugin配置为显示脱机页面，而不使用JavaScript navigator.onLine中的API重新加载所有页面

这是我在webpack.config.js上的配置：

const { GenerateSW } = require('workbox-webpack-plugin')
module.exports = {
  //...
  plugins: [
    new GenerateSW({
      //...
      runtimeCaching: [{
        urlPattern: ({ event }) => event.request.mode === 'navigate',
        handler: ({ url }) => fetch(url.href).catch(() => !navigator.onLine && caches.match('/offline.html'))
      }]
    })
  ]
}

不工作：（