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可能要便宜得多。