Question

我正在使用create-react-app npm来安装react js应用程序。我想在项目中使用firebase。我正在关注firebase integration in reactjs教程。我已经做好了所有事情。但我不确定webpack配置文件在哪里。我试着插入

const ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin');
plugins: [
  ….
  new ServiceWorkerWebpackPlugin({
     entry: path.join(__dirname, './firebase-messaging-sw.js'),
  })
]

上面的代码片段到node_module / react-scripts / scripts / webpack.config.dev.js。但无法开始工作。

我向用户请求许可，在允许权限后我看到以下错误。

browserErrorMessage : "Failed to register a ServiceWorker: The script has an unsupported MIME type ('text/html')." code:"messaging/failed-serviceworker-registration" message:"Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker: The script has an unsupported MIME type ('text/html').

与此相关的错误是什么以及如何解决？

Answer 1

您可以根据here来找到答案。发生的情况是，对未知文本文件的任何请求最初都会重定向到index.html，并因此以MIME类型text/html返回。为了解决这个问题，您需要在默认情况下在进入索引之前捕获service-worker文件。

firebaseerror：无法注册ServiceWorker

1 个答案: