Vue js의 Firebase에서 토큰을 검색하는 동안 오류가 발생하는 이유는 무엇입니까?

Vue js의 Firebase에서 토큰을 검색하는 동안 오류가 발생하는 이유는 무엇입니까?

vue.js 프로젝트에 Firebase를 구현하려고 하는데 오류가 발생함firebase.messaging.getToken()여기 제 문제의 스크린샷이 있습니다.

오류:

스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다.

리소스를 로드하지 못했습니다. net:ERR_INSECURE_RESPONSE

통지할 권한을 얻을 수 없습니다.

• browserErrorMessage : "ServiceWorker 등록에 실패했습니다.스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다.

• 코드 : "syslog/syslog-service worker-registration"

• 메시지: "메시지:기본 서비스 워커를 등록할 수 없습니다.ServiceWorker를 등록하지 못했습니다.스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다.(syslog/syslog-service worker-registration) 입니다.

• 스택 : "Firebase Error:메시지:기본 서비스 워커를 등록할 수 없습니다.ServiceWorker를 등록하지 못했습니다.스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다.(syslog/syslog-service worker-registration).§ at eval (webpack-internal:///node_firebase/firebase/first/dist/index.esm.http:1950:32)

그리고 여기 내 코드가 있다.

firebase.messaging().requestPermission().then(function () {
  console.log('Notification permission granted.')
  return firebase.messaging().getToken()
    .then(function (currentToken) {
      console.log(currentToken)
    })
}).catch(function (err) {
  console.log('Unable to get permission to notify.', err)
})

서비스 워커

이 문제를 어떻게 풀지 아는 사람 있어요?여러 가지로 시도해 봤지만 알 수가 없었어요.저 좀 도와 주시겠어요?

고마워요.

/public 폴더 내에 "firebase-messaging-sw.js" 파일을 넣습니다(또는 파일 생성).

firebase-messaging-sw.js 내부에서는 다음 파일을 복사하여 붙여넣습니다(및 YOUR-SENDER-ID 변경).

// Give the service worker access to Firebase Messaging.
// Note that you can only use Firebase Messaging here, other Firebase libraries
// are not available in the service worker.
importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js');

// Initialize the Firebase app in the service worker by passing in the
// messagingSenderId.
firebase.initializeApp({
  'messagingSenderId': 'YOUR-SENDER-ID'
});

// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.

const messaging = firebase.messaging();

(Resact 사용)를 사용하여 작업했습니다.

언급URL : https://stackoverflow.com/questions/50703652/why-i-getting-an-error-while-trying-to-retrieving-token-from-firebase-in-vue-js