如何在Create-Reaction-App中启用处于开发模式的服务工作者？ [英] How can i enable service worker in dev mode in create-react-app?

问题描述

我知道我们可以在生产模式下测试我们的服务人员，但重新构建和部署的过程相当烦人。有什么方法可以在开发模式下启用Serve Worker吗？

推荐答案

更改此设置

window.addEventListener('load', () => {

      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;


      console.log("file location" + swUrl);
      if (isLocalhost) {
        // This is running on localhost. Let's check if a service worker still exists or not.
        checkValidServiceWorker(swUrl, config);

        // Add some additional logging to localhost, pointing developers to the
        // service worker/PWA documentation.
        navigator.serviceWorker.ready.then(() => {
          console.log(
            'This web app is being served cache-first by a service ' +
              'worker. To learn more, visit'
          );
        });
      } else {
        // Is not localhost. Just register service worker
        registerValidSW(swUrl, config);
      }
    });

使用此

window.addEventListener('load', () => {

      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;

      console.log("file location" + swUrl);

        // Is not localhost. Just register service worker
        registerValidSW(swUrl, config);

    });

在您的serviceWorker.js文件中

还放入替换此

if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator ) {

使用此

if ( 'serviceWorker' in navigator ) {

请注意其检查Prod，因此删除该条件将在本地也启动Service Worker

这篇关于如何在Create-Reaction-App中启用处于开发模式的服务工作者？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！