Vue CLI 4-清单中的PWA插件预缓存无法获取index.html,并且未注册服务工作者

时间:2019-11-01 16:33:07

标签: vue.js progressive-web-apps vue-cli workbox

在将Vue CLI 3更新为CLI 4之后,服务工作者停止注册。

环境:

Firebase hosting, 

"vue": "^2.6.10",
"vuex": "^3.1.1",
"firebase": "^7.2.3",
"vuetify": "^2.1.9",
"core-js": "^3.3.6",
...
 "@vue/cli-plugin-pwa": "^4.0.5",

enter image description here

enter image description here

我看到失败发生在/index.html页面上生成的precache-manifest文件上:

// precache-manifest.326028534d4ff40f4be7a15fc11e84c6.js
...
 {
    "revision": "7eeb3269c508ac628b85ccfaa20744ab",
    "url": "/index.html"
  },
...

我试图从workboxOptions禁用'skipWaiting',因为我使用了文档所述的延迟加载路由,但是它没有做任何事情:

pwa:{
  workboxOptions: {
    skipWaiting: false,
  }
}

“网络”标签中的错误是: enter image description here

如果我手动注释掉已编译的precache-manifest文件中的行,则服务工作器可以正常工作。我不明白。

1 个答案:

答案 0 :(得分:0)

事实证明,问题出在$ echo foo | tee /proc/self/fd/{2,2,2,2,6} foo foo foo foo foo foo 的配置中,在托管部分,我启用了firebase.json。删除它会使服务人员再次注册。

这是现在的样子,默认设置:

"cleanUrls": true