VueJS App和Firebase消息传递错误

Question

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

我一直收到这个错误：

  

消息：我们无法注册默认服务工作者。无法注册ServiceWorker：该脚本具有不受支持的MIME类型（＆＃39; text / html＆＃39;）。 （消息/失败-serviceworker注册）

我不知道如何处理它。

这是我的Main.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

根据documentation和this answer以及this one，您似乎必须将配置放在公共目录中的firebase-messaging-sw.js。