Firebase 无法正确显示 css

Question

我正在从事一个大学项目，但我的编码技能并不是最好的。我创建了一个 Firebase 项目来托管临时网站。该网站将使用 bootstrap 进行开发。当我在部署后连接到该网站时，根本不存在任何样式。然而，当我在 codeply 或 jsbin 上运行相同的 index.html 和 CSS 代码时，它完全按照我想要的方式显示。任何人都可以想到可能导致该问题的任何原因吗？这已经让我头疼了很长的一周了！任何指点都会很棒。 这是我的 git 的链接，其中包含最新代码：https://github.com/Realcolm/New-Gers-Garage/tree/Update-CSS

Answer 1

这是由于浏览器缓存了您的样式。要修复它，只需对您正在使用的浏览器进行硬刷新即可。在 chrome 上，按住 Ctrl 和 ⇧ Shift，然后按 R（对于 Windows）；在 mac 上，按 ⌘ Cmd 和 ⇧ Shift，然后按 R。

Answer 2

public

中的

firebase.json

目录是 Firebase 托管部署的根目录。只有该目录中的文件才会被部署并可用。

您的 CSS 文件位于顶级项目目录中，因此可能不会部署。您应该将所有 HTML/CSS/JS 移至

public

目录中。

Answer 3

升级/降级您的 firebase-tools，以防有人在部署 Next.js 静态站点 (SSG) 时遇到类似问题。网站在 firebase 之外（例如本地）可以正常工作，但在部署时会失败。

我知道 firebase-tools 版本 13.11.4 有这个问题。降级到版本 13.11.2 解决了我的问题。