简单 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 所建议的，问题的根源是我的域中安装了一些旧的 service worker（在本例中只是 localhost）。想法是将其删除。

要在 Chrome 浏览器中删除 Service Worker：

在浏览器中打开开发者工具（F12 或 command + option + i）
前往 Application 选项卡
转到Service Workers部分
单击 Unregister 可能损坏的服务工作线程

简单 Vue.js 应用程序中存在大量未捕获（承诺）DOMException 错误

Plenty of Uncaught (in promise) DOMException errors in simple Vue.js app

javascript

promise

domexception

vue.js

service-worker