Nuxt PWA 未使用工作箱离线加载

Question

我已经设置了 nuxt pwa 模块来使用 nuxt firebase auth 并且它工作正常，另外我添加了图标和清单以利用可下载的应用程序。问题是我一定是在工作箱上做错了，因为如果您离线，我的应用程序将无法加载。将显示默认浏览器离线消息。我的工作箱配置是

workbox: {
     runtimeCaching: [{
       urlPattern: 'https://twitch-toc.now.sh/.*',
       handler: 'cacheFirst',
       method: 'GET',
       strategyOptions: {
         networkTimeoutSeconds: 20,
         cacheName: 'api-cache',
         cacheableResponse: {
           statuses: [0, 200]
         }
       }
     }
     ],
     importScripts: [
       // ...
       '/firebase-auth-sw.js'
     ],
     // by default the workbox module will not install the service worker in dev environment to avoid conflicts with HMR
     // only set this true for testing and remember to always clear your browser cache in development
     // dev: process.env.NODE_ENV === 'development'
   }

请让我知道我缺少什么，因为我找不到任何有关如何使其工作的文档或指南。

Answer 1

几个月来我都遇到了完全相同的问题，现在我发现 firebase sw 与默认的 workbox sw 混淆了。如果您评论 imporscripts 行以及 firebase 模块导入和配置，它将正常工作。现在我正在尝试找到一种解决方法，以免摆脱 firebase，因为它使身份验证变得如此容易，尽管定制 Oauth 可能会便宜得多。