javascript - 简单的 Vue.js 应用程序中存在大量未捕获( promise 中)的 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:

1. 在浏览器中打开开发者工具(F12 或 command + option + i)
2. 前往应用程序选项卡
3. 转到Service Workers部分
4. 点击可能损坏的 Service Worker 上的取消注册