在SRC文件夹中的index.html文件中注册服务工作者-ReactJS

Question

从其他文件夹运行服务工作者

---

hiam，我试图使用service-worker来预缓存整个PWA，我需要在SRC文件夹中找到SW。我如何从public / index.html运行我的软件。我使用create-react-app，并使用google workbox生成service-worker。

我尝试将SW导入App.js文件，但我遇到如下这样的som错误somthin：

'importScripts'未定义no-undef

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);

• 公共
  • manifest.js
  • index.html
• SRC
  • JS
  • CSS
  • SW.js

Answer 1

您有两种方法。

1）将您的service-worker.js文件放在公共目录中。

2）或使用workbox-webpack-plugin。这样，您的service-worker.js将自动生成并导入。推荐这种方式。