在 src 属性上找到但未加载的图像

Question

我真的是网络开发的新手，我想加载一张图片。图像已找到但由于某种原因未加载。这就是我说找到图像时的意思：

这是我的代码的一部分（Stack Overflow 说它对于 post 来说太大了）：

<div class="flex flex-col flex-grow pt-4 pb-4 overflow-y-auto bg-white border-r border-gray-200">
    <div class="flex items-center flex-shrink-0 px-4">
        <img class="w-auto h-8" src="./exchange/resources/assets/img/logo/angel-lg.png" alt="Angel Logo">
    </div>
    <div class="flex flex-col flex-grow flex-shrink-0 mt-4">
...

这是屏幕上显示的内容：

我在这个项目上使用 Laravel Mix。提前致谢。

Answer 1

基本上这里发生的事情是你的图像路径错误。

<img class="w-auto h-8" src="./exchange/resources/assets/img/logo/angel-lg.png" alt="Angel Logo"> <!-- src/path is wrong -->

屏幕上显示的是alt文字，“Angel Logo”，意思是确实找不到图片。你能提供你试图显示的图像的路径吗？（右键单击桌面上的图像，然后 select“复制路径”）

Answer 2

由于某种原因，图像的相对路径 (./) 是 public 文件夹。谢谢大家！

在 src 属性上找到但未加载的图像

Image found on src attribute but not loaded

html

css

laravel-mix

tailwind-css