Workbox窗口无法安装Service Worker

时间:2019-07-31 06:37:51

标签: vue.js workbox workbox-webpack-plugin workbox-window

我正在使用vuejs应用程序中的workbox-window(CDN)和workbox-webpack-plugin从v3迁移到v4。

在http服务器本地工作正常,但是在部署后,出现此错误,并且无法安装Service Worker。

print @ logger.mjs:44
(anonymous) @ logger.mjs:57
(anonymous) @ precache.mjs:23
Promise.catch (async)
installListener @ precache.mjs:20
PrecacheController.mjs:194 Uncaught (in promise) bad-precaching-response: The precaching request for 'https://dummyapp.com/_redirects?__WB_REVISION__=6a02faf7ea2a9584134ffe15779a0e44' failed with an HTTP status of 404.
    at PrecacheController._addURLToCache (https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-precaching.dev.js:445:15)
    at async Promise.all (index 0)
    at async PrecacheController.install (https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-precaching.dev.js:352:7)

我该如何解决?

1 个答案:

答案 0 :(得分:0)

之所以发生这种情况,是因为当对预缓存资产的请求失败并显示404时。在这种情况下,服务工作者的安装也会失败。检查DevTools(ctrl + shift + i)中的“网络”选项卡,以查找返回404的文件,请勿预缓存该文件。这应该可以解决问题。