html - 图片来源找不到图片

Question

我正在尝试在我的 React 组件中添加图像，但由于某种原因，始终显示替代文本

这就是我在组件导航栏中获取图片的方式

<img src="../assets/images/nav_logo.png" alt="Petapilot" className="site-logo"></img>

这是我的项目结构

我的路错了吗？

标签： htmlreactjsimageimagesource

Answer 1

根据 webpack 打包文件的方式，当 React 编译时，图像可能在其他地方。

试试这个方法：

import NavLogo from '../assets/images/nav_logo.png';


<img src={NavLogo} alt="Petapilot" className="site-logo"></img>