简单的Vue.js应用中大量未发现的（承诺的）DOMException错误

Question

我正在使用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 repository上提供了完整的代码

Answer 1

如Ohgodwhy所建议，问题的根源是我的域上安装了一些旧的服务工作者（在本例中为localhost）。这个想法是将其删除。

要在Chrome浏览器中删除服务工作者，请执行以下操作：

1. 在浏览器中打开开发人员工具（F12或command + option + i）
2. 转到Application标签
3. 转到Service Workers部分
4. 在服务工作者上单击Unregister，可能会损坏