將Firebase FCM添加到reactjs app

Question

我試圖在我的reactjs應用程序中向用戶發送推送通知。 我添加了firebase，請求用戶獲得通知權限。 那很有效。

但現在我想注冊設備令牌。 但它給了我錯誤：

消息：我們無法注冊默認服務工作者。 無法注冊ServiceWorker：腳本具有不受支持的MIME類型（'text / html'）。 （消息/失敗-serviceworker注冊）

在哪里添加firebase-messaging-sw.js文件？ 如何在react應用程序中注冊服務工作者？

這是我用來注冊設備令牌的代碼：

messaging.getToken()
      .then(function(currentToken) {
        if (currentToken) {
         // sendTokenToServer(currentToken);
         // updateUIForPushEnabled(currentToken);
        } else {
          // Show permission request.
          console.log('No Instance ID token available. Request permission to generate one.');
          // Show permission UI.
        //  updateUIForPushPermissionRequired();
        //  setTokenSentToServer(false);
        }
      })
      .catch(function(err) {
        console.log('An error occurred while retrieving token. ', err);
        //showToken('Error retrieving Instance ID token. ', err);
        //setTokenSentToServer(false);
      });

注意：它不是本機的反應，而是一個Web應用程序。

Answer 1

我已將firebase-messaging-sw.js文件添加到我的公共目錄（帶有index.html）文件中。 這解決了這個問題。

在這篇文章中查看更多內容