React 和 Serviceworker (Workbox)

Question

我m trying to figure out how I can combine my react app with workbox as my serviceworker. No matter what Im 在尝试注册我的 serviceworker 时总是遇到同样的错误。

未捕获（承诺）DOMException：无法注册 ServiceWorker：脚本具有不受支持的 MIME 类型（'text/html'）。

在我做了一些研究之后，大多数解决方案都证明是由开发环境引起的。这是真的？如果是这样，我如何在开发环境中注册服务工作者，尤其是工作箱。

我的 index.js 中的代码片段

if( 'serviceWorker' in navigator ) {
   console.log("Supported!")
   navigator.serviceWorker
                   .register( 'sw.js' , { scope : ' ' } )
                   .then( function( ) {
                       console.log('Congratulations!!Service Worker Registered');
                   })
                   .catch( function() {
                       console.log(`Aagh! Some kind of Error :- `);
                   });
} else {
console.log("Not supported")
}

我的 sw.js 仅是一个简单的 console.log

Answer 1

需要检查的几件事， 1) create-react-app 现在创建了一个开箱即用的 PWA 应用程序（带有 SW 和 manifest.json 文件）。确保您与由此创建的文件不冲突。我建议使用开箱即用的东西，除非你有明确的理由使用 Workbox，它应该适用于任何框架/无框架，尝试原生的。

2) 确保您在支持 HTTPS（带有证书）和 service worker 的服务器上运行您的应用程序。