Javascript 在index.html文件中注册一个服务工作者,该文件为';s位于SRC文件夹中-ReactJS 从其他文件夹运行service worker

Javascript 在index.html文件中注册一个服务工作者,该文件为';s位于SRC文件夹中-ReactJS 从其他文件夹运行service worker,javascript,reactjs,service-worker,progressive-web-apps,workbox,Javascript,Reactjs,Service Worker,Progressive Web Apps,Workbox,我正在尝试使用服务人员来预切整个PWA,我需要在SRC文件夹中找到SW 如何从public/index.html运行软件 我使用CreateReact应用程序和google workbox生成服务人员 我试图将软件导入App.js文件,但发现一个错误: 未定义“importScripts”无未定义 公开的 manifest.js index.html SRC JS CSS SW.js 你有两种方法 1) 将您的service worker.js文件放入公共目录 2) 或者,使用。通过这

我正在尝试使用服务人员来预切整个PWA,我需要在SRC文件夹中找到SW

如何从public/index.html运行软件

我使用CreateReact应用程序和google workbox生成服务人员

我试图将软件导入App.js文件,但发现一个错误:

未定义“importScripts”无未定义

  • 公开的
    • manifest.js
    • index.html
  • SRC
    • JS
    • CSS
    • SW.js
    • 你有两种方法

      1) 将您的
      service worker.js
      文件放入公共目录


      2) 或者,使用。通过这种方式,
      service worker.js
      将自动生成并导入。更推荐使用这种方式。

      您测试的哪个浏览器会产生此错误?我尝试使用启用选项的Firefox和chrome脱机运行service worker
      importScripts(
        "https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js"
      );
      
      const precacheManifest = []; 
      
      workbox.routing.registerRoute(
        new RegExp("https://app.tessa.technology/api/"),
        new workbox.strategies.CacheFirst()
      );
      
      workbox.routing.registerRoute(
        new RegExp(
        "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      ),
      new workbox.strategies.CacheFirst()
      );
      
      
       workbox.precaching.precacheAndRoute(self.__WB_MANIFEST);