Я пытаюсь внедрить Push-уведомления Firebase в Vue Js и после просмотра этого видео https://www.youtube.com/watch?v=XdzXaW8IbBM Я пытался реализовать его, но после написания кода ниже в firebase-messaging-sw.js выдает ошибку при включении работник службы. Оба я предоставил ниже.
Код firebase-messaging-sw.js
importScripts('/__/firebase/3.8.0/firebase-app.js');
importScripts('/__/firebase/3.8.0/firebase-messaging.js');
importScripts('/__/firebase/init.js');
firebase.messaging();
Ошибка
Не удалось зарегистрировать / обновить ServiceWorker для области 'http://localhost:3000/firebase-cloud-messaging-push-scope’: Плохой тип контента' text / html ', полученный для скрипта' http://localhost:3000/firebase-messaging-sw.js’. Должен быть 'text / javascript', 'application / x-javascript 'или' application / javascript '.
2-я ошибка
FirebaseError: Messaging: We are unable to register the default service worker.
The operation is insecure. (messaging/failed-serviceworker-registration).
Примечание: мое приложение на Vue Js + Nuxt Js
Когда я пытаюсь получить токен на консоли, я получаю вывод ниже.
Promise { <state>: "pending" }