将 Firebase FCM 添加到 ReactJS 应用程序

我正在尝试向我的 ReactJS 应用程序中的用户发送推送通知。我已添加 firebase，请求用户通知权限。这正在发挥作用。

但现在我想注册设备令牌。但这给了我错误：

消息传递：我们无法注册默认的 Service Worker。无法注册 ServiceWorker：脚本具有不受支持的 MIME 类型（“text/html”）。 （消息传递/serviceworker 注册失败）

在哪里添加firebase-messaging-sw.js文件？如何在React应用程序中注册Service Worker？

这是我用来注册设备令牌的代码：

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);
      });

注意：这不是反应本机但一个网络应用程序。

我已经添加了firebase-messaging-sw.js文件到我的公共目录（带有index.html）文件中。这解决了问题。

更多内容请看这里post https://stackoverflow.com/questions/46525074/firebase-cloud-message-notifications-are-not-receiving-js/46526005#46526005