我正在尝试使用服务工作者来预缓存整个PWA,并且我需要在SRC文件夹中找到SW。
如何从public / index.html运行我的软件?
我使用create-react-app,并使用google workbox生成service-worker。
我尝试将SW导入App.js文件,但出现错误:
'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);
您有两种方法。
1)将您的service-worker.js
文件放在公共目录中。
2)或使用workbox-webpack-plugin。这样,将自动生成并导入service-worker.js
。推荐这种方式。