0

我正在使用 Vue.js、Quasar 和 Vuex 开发简单的 Vue.js 应用程序作为学习项目。由于某些（对我而言）未知的原因，我遇到了很多Uncaught (in promise) DOMException错误。该应用程序运行良好，但那些红色错误似乎不正确。我该如何调试和修复这些？

刷新网站时，控制台立即出现错误。我认为甚至在应用程序本身完全加载之前：

控制台截图

每个错误采取以下形式：

Uncaught (in promise) DOMException    service-worker.js:1

Promise.then (async)
(anonymous)         @ workbox-strategies.dev.js:681
step                @ workbox-core.dev.js:14
(anonymous)         @ workbox-core.dev.js:25
Promise.then (async)
step                @ workbox-core.dev.js:24
(anonymous)         @ workbox-core.dev.js:32
(anonymous)         @ workbox-core.dev.js:11
_getNetworkPromise  @ workbox-strategies.dev.js:691
(anonymous)         @ workbox-strategies.dev.js:554
step                @ workbox-core.dev.js:14
(anonymous)         @ workbox-core.dev.js:32
(anonymous)         @ workbox-core.dev.js:11
makeRequest         @ workbox-strategies.dev.js:578
(anonymous)         @ workbox-strategies.dev.js:504
step                @ workbox-core.dev.js:14
(anonymous)         @ workbox-core.dev.js:32
(anonymous)         @ workbox-core.dev.js:11
handle              @ workbox-strategies.dev.js:508
handleRequest       @ workbox-routing.dev.js:365
(anonymous)         @ workbox-routing.dev.js:835

清除缓存和硬重新加载站点不起作用。

我正在通过npm run dev脚本启动应用程序。

整个代码可在BitBucket 存储库中获得

4

1 回答 1

2

正如 Ohgodwhy 所建议的那样，问题的根源是我的域上安装了一些旧的服务工作者（在这种情况下只是localhost）。这个想法是删除它。

在 Chrome 浏览器中删除 service worker：

  1. 在浏览器中打开开发者工具（F12或command + option + i）
  2. 前往Application标签
  3. 转到Service Workers部分
  4. 单击Unregister可能损坏的服务人员
于 2019-01-16T02:10:33.927 回答