Firebase FCM React项目问题-firebase-messaging-sw.js类型错误？

Question

我试图让Firebase FCM在我的React项目中工作（使用webpack）

尝试使用以下方法获取getToken（）时：

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

引发异常如下：

browserErrorMessage: "Failed to register a ServiceWorker: The scrip 
has an unsupported MIME type ('text/html')

我知道此问题与缺少的服务工作者文件有关：firebase-messaging-sw.js，我将其添加到项目的根目录中，但仍然遇到相同的错误。

我不确定在这里我做错了什么，我已经设置了香草java脚本项目，并且效果很好....

关于这个问题有什么想法吗？

Answer 1

对于使用create-react-app的用户，您可以创建firebase-messaging- sw.js内部public文件夹，然后index.js添加：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('../firebase-messaging-sw.js')
  .then(function(registration) {
    console.log('Registration successful, scope is:', registration.scope);
  }).catch(function(err) {
    console.log('Service worker registration failed, error:', err);
  });
}