在Nuxtjs中注册Service Worker

Question

我正在尝试在我的nuxt应用程序中注册服务工作者。我面临的问题是注册firebase-messaging-sw.js文件

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./firebase-messaging-sw.js')
.then(function(registration) {
console.log('Registration successful, scope is:', registration.scope);
}).catch(function(err) {
console.log('Service worker registration failed, error:', err);
});
}

这是我在控制台中收到的错误

Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script

Answer 1

您不需要注册服务工作者，它是自动注册的。

此外，我还没有找到在服务工作者内部使用v9模块化代码的方法。

只有v8代码有效：

importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js')
importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js')

这个服务工作者可能有一些错误，每次更新后它都会停止工作。正在寻找另一个解决方案。。。我会考虑用一些不同的东西来代替firebase通知。