图像仅在给定链接时显示，而不是路径 [重复]

Question

我正试图在我的网站上展示一张图片，但遇到的麻烦比我想象的要多。我已经多次这样做了，在其他项目上没有问题，但由于某种原因它不起作用。

HTML: <img src="./reddit.png"/>

我的图片和我的 html 文件在同一个文件夹中。

我的尝试

<img src="./reddit.png"/>

<img src="reddit.png"/>

<img src="../reddit.png"/>

<img src="D:project\src\components\reddit.png"/>

<img src="D:project/src/components/reddit.png"/>

我认为可能是标签的问题，所以我尝试了，

<img src="https://faroutmagazine.co.uk/static/uploads/2020/02/George-Harrison-Let-It-Be-768x464.jpg"/>

而且那个 img 显示得很好。我还尝试将 img 移动到图像文件夹并创建路径“/images/reddit.png”，但这也没有用。

（如果这对 HTML 有影响，我也在一个 js 反应组件中）

Answer 1

试试<img src="/src/components/reddit.png"/>，或者使用import关键字作为相对路径：

import reddit from './reddit.png';