VueJS App 和 Firebase 消息传递错误

Question

嗨，我试图让推送通知适用于我的应用程序，但我似乎无法让它与我的 Vue 应用程序一起运行

我不断收到此错误：

消息传递：我们无法注册默认服务辅助角色。注册服务工作者失败：脚本具有不受支持的 MIME 类型("文本/html"(。(消息传递/失败的服务工作者注册(

我不知道如何处理它。

这是我的主要.js：

let config = {
 apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
 authDomain: 'vue-notify.firebaseapp.com',
 databaseURL: 'https://vue-notify.firebaseio.com',
 projectId: 'vue-notify',
 storageBucket: 'vue-notify.appspot.com',
 messagingSenderId: 'xxxxxxxxxxxxxxxxxxxxxx'
}
firebase.initializeApp(config)

这是我调用 firebase.messaging(( 的组件中的函数

subscribe () {
  firebase.messaging().requestPermission().then(() => firebase.messaging().getToken())
    .then((token) => console.log(token))
    .catch((err) => console.log(err))
}

很高兴

知道我需要做什么

Answer 1

根据文档，这个答案和这个答案，你似乎必须把配置放在公共目录中的firebase-messaging-sw.js中。