当使用 Netlify 部署投资组合站点时,导入到 VSCode 的图像不显示

Images imported into VSCode are not showing when portfolio site deployed with Netlify

我为我的投资组合网站拖入 VSCode 的一些图像在我的网站部署到 Netlify 时没有显示。我的前端使用 React。

通过 GitHub 进行的持续部署工作正常,当我将更改推送到 GitHub 时它们显示在已部署的版本中。

我试过将图像四处移动,无论是在 src 文件夹内还是在其外部,还更改了图像的 src 文件路径,但它们仍然没有显示在我部署的站点中。它们看起来像空盒子,如图 here 所示。当我在浏览器中检查这些框时,它们的 src 属性是可见的。

Here 是我当前的文件结构,也许图像所在的位置是图像未显示已部署的部分原因。图片目前位于 public 文件夹中,但不在资产文件夹中。

我还有一个构建文件夹,它是由一些构建命令创建的,我相信它构建了我的应用程序的生产版本以供部署。

非常感谢任何帮助!

从您的路径中删除 public 并简单地输入:

<img src="taxi-715.png" /> 

默认情况下,React 会知道它在 public 目录中。