硬重新加载后重新加载仍然保持不变

Question

我正在研究如何将 Firebase 与 Vue 集成。

功能包括实时数据库、推送通知和托管。 我正在使用this PWA template 来做这件事。到现在为止一切都还好

控制台日志

正常重新加载

Notification permission granted.
vendor.6cd80049c4a2849e5a1d.js:1 Uncaught SyntaxError: Unexpected token <
app.a0d1f6eb7cc6da4827af.js:1 Uncaught SyntaxError: Unexpected token <
(index):1 cZ1T2HZ-...

硬重新加载

Notification permission granted.
index.js:44 current null
(index):1 tokencZ1T2HZ-...

current null 和 token 都是新建的。 Firebase 托管似乎一直在缓存旧版本。当我使用硬重载时，它工作得很好。

除此之外，还有一个 Unexpected token 的错误，我不知道它是什么。在我使用 firebase serve 时效果很好，但在部署时效果不佳。

我试过了

• 在标头中包含 Cache-Control。
• 在 chrome devtools 的网络选项卡中禁用缓存
• 注销服务工作者（注销后第一次重新加载会起作用，但之后就不行了）
• 硬重新加载（Ctrl+Shift+R）

我也知道this。

编辑：它在隐身模式下也能正常工作（已部署），可能是因为服务工作者（firebase-messaging-sw.js）没有运行并且通知被禁用。

Answer 1

我的朋友告诉我，我的网站在他的浏览器中运行正常。
然后我安装了chromium并打开它，它实际上可以正常工作。
然后我意识到我没有去 Devtools > Application > Clear Storage。
我只是清除cookies，点击清除网站数据后，问题就解决了。