使用 serviceWorker 使用 React 制作 PWA答案

【问题标题】：Make PWA with React with serviceWorker使用 serviceWorker 使用 React 制作 PWA
【发布时间】：2020-08-27 09:52:01
【问题描述】：

我对 React 有疑问。

当你做一个 create-react-app 时，你有一个文件：sercice-worker.js 我使用了一个模板，这个文件不存在。我正在尝试不同的解决方案来在移动设备中安装 service-worker、serviceWorker 包，但什么也没发生。我无法在移动设备上下载我的应用程序。

如何安装 service-worker 以获得 PWA？

谢谢

【问题讨论】：

只在“生产”中运行的 serviceWorker，你在生产中吗？
是的，我有 3 个环境。当我构建时，我在生产中

标签： reactjs react-redux progressive-web-apps service-worker

【解决方案1】：

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

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

【讨论】：