访问 React 应用程序文件夹中的图标/图像文件时出现问题

问题描述 投票:0回答:1

我的代码的图像 我正在尝试访问并呈现文件夹中的图像或图标,但它仅在页面上呈现问号。

在之前的项目中,我使用了完全相同的路径到以完全相同的方式放置的文件夹,并且效果很好。

有人知道我的问题是什么吗?我是否可能以错误的方式构建其他文件夹,并且该项目无法访问实际的图像文件..?

我最近在其他 React 项目中也遇到了这个问题,不得不使用图像的 url 链接,或者在组件顶部单独导入图像,但在我之前的 React 项目中,我不需要这样做,但只需通过路径访问我的文件夹中的图像

如果有人能给我建议,我真的很感激!

reactjs
1个回答
0
投票

如果您使用create-react-app、vite或其他类似框架,您应该传递一个不在公共页面上的图像文件的相对路径,或者使用从公共页面开始的绝对路径。如果你在路径的开头使用点,react 会认为这是一个相对路径,并且找不到图像文件。在你的情况下,只需删除点就可以了

<img src='/assets/iconfb.png' />
© www.soinside.com 2019 - 2024. All rights reserved.