使用serviceWorker与React进行PWA

问题描述

我对React有问题。

当您创建一个create-react-app时,您有一个文件:sercice-worker.js 我使用了模板,但该文件不存在。 我正在尝试不同的解决方案以在移动设备上安装service-worker,serviceWorker软件包,但没有任何反应。我无法在移动设备上下载我的应用程序。

如何安装具有PWA的service-worker?

Thx

解决方法

在React项目的公共文件夹中创建一个JavaScript文件。该文件将成为您的自定义服务工作者。然后使用位于index.html正文中的脚本注册此服务工作者。

    if ('serviceWorker' in navigator) {
       window.addEventListener('load',function() {
       navigator.serviceWorker.register('./your-custom-service-worker.js');
       });
    }