Firebase 部署后图像未出现？

Question

我正在用一个新网站更新我的在线作品集（我从 Free-Css.com 获取了一个模板）。当我预览它时，效果很好。当我通过 Firebase 部署网站后，我的任何图像都不会出现。

所有图像都位于公共文件夹中，这是我的托管设置所在的位置。以下是其中一张图像的示例：

<div class="col-md-6 about-img-div">
                <!-- <div class="about-border" data-aos="fade-up" data-aos-delay=".5"></div> -->
                <img src="Headshot.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" />

即使我使用拉取路径名，图像仍然不会出现。请注意，如果我只是打开 HTML 文件，它们确实会出现，但在部署时不会出现。我究竟做错了什么？这是网站：https://evanmny.com

Answer 1

我不确定您如何创建/生成 HTML，但是当我在浏览器中加载您的网站时查看网络选项卡时，我看到它尝试读取此 URL：

https://evanmny.com/Users/evanmullen/Public/city.jpg

应该是：

https://evanmny.com/city.jpg

Answer 2

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

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