多个选项卡中的服务工作者无法使用 vue 2 应用程序 pwa 正确重新获取

问题描述

enter image description here

以上截图来自 vue 应用。

  • Service Worker 被导入到 main.ts,因此它会立即被调用
  • Service Worker 在加载时从服务器获取清单文件,检查是否有更新以及是否调用了更新的钩子。
  • 为我更新的钩子,调用截图中的中间痛苦,它获取所有注册,销毁它们,然后向应用程序事件总线“EV_NEW_APP_DOWNLOADED”发出一个事件
  • 此事件在主要组件 App.vue 中获取
  • 当 app.vue 听到事件时,它会打开一个模态并告诉用户“嘿,有一个新应用,按确定继续”,然后应用重新加载当前页面,每个人都很高兴

……我是这么想的。

打开多个选项卡时出现问题,我不知道从哪里开始。在同一个应用程序打开多个选项卡时,当用户单击确定重新加载.. 页面重新加载后,整个过程再次触发,提示模态再次弹出.. 在我关闭其他浏览器选项卡之前它不会停止。

我显然错过了一些重要的东西,有人可以帮忙吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)