Javascript 将nuxt pwa功能与fcm结合使用的最佳解决方案是什么?

Javascript 将nuxt pwa功能与fcm结合使用的最佳解决方案是什么?,javascript,firebase-cloud-messaging,progressive-web-apps,nuxt.js,workbox,Javascript,Firebase Cloud Messaging,Progressive Web Apps,Nuxt.js,Workbox,我想将firebase云消息添加到我的nuxt.js应用程序中,该应用程序使用workbox集成pwa功能。问题在于fcm需要一个服务工作者(firebase messaging sw.js)来处理传入消息,但workbox也使用一个服务工作者(sw.js)来提供pwa功能 由于一个站点只能处理一名服务人员,我尝试使用firebase的workbox服务人员(sw.js): navigator.serviceWorker.register('/sw.js') .then((reg

我想将firebase云消息添加到我的nuxt.js应用程序中,该应用程序使用workbox集成pwa功能。问题在于fcm需要一个服务工作者(firebase messaging sw.js)来处理传入消息,但workbox也使用一个服务工作者(sw.js)来提供pwa功能

由于一个站点只能处理一名服务人员,我尝试使用firebase的workbox服务人员(sw.js):

navigator.serviceWorker.register('/sw.js')
        .then((registration) => {
            fcm.useServiceWorker(registration)
        })
        .catch(err => {
            console.error(err);
        })
并将代码从firebase-messaging-sw.js复制到sw.js:

但每次我用nuxt构建项目时,sw.js文件都会被覆盖,而我复制来处理传入消息的代码也会消失


将workbox与fcm结合使用的最佳解决方案是什么?

对不起。我犯了一个错误

只需保留“/firebase messaging sw.js”文件

似乎firebase函数会读取它


如果您没有得到想要的答案,我很抱歉。

谢谢您的回答,但似乎不起作用:/我尝试了两种方法,保留了两个swervice workers,并在firebase-messaging-sw.js中包含了sw.js,这对我来说也不起作用,谢谢您的回复!对不起,我帮不了你。如果我再明白一些事情,我会评论的!
importScripts('https://www.gstatic.com/firebasejs/6.3.4/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/6.3.4/firebase-messaging.js');


const config = {
        messagingSenderId: "12345",
    }

    !firebase.apps.length ? firebase.initializeApp(config) : ''



const messaging = firebase.messaging()