首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React网站中未加载图像,无法解析文件路径

React网站中未加载图像,无法解析文件路径
EN

Stack Overflow用户
提问于 2020-06-05 22:51:27
回答 1查看 20关注 0票数 0

我已经建立了一个React编码的网站,但不幸的是我无法正确加载图像。我已经参考了文档,我正在尝试导入它们,但我不确定如何导入。它在加载网站时抛出一个错误,说它无法解析图像--这是另一种说文件路径不正确的方式吗?

例如-我试图从'Images‘文件夹导入-所以这将是完整的文件路径:

代码语言:javascript
运行
复制
src/Images/cycling.jpg

因此,我尝试将图像导入为:

代码语言:javascript
运行
复制
import './cycling.jpg';

import './Images/cycling.jpg

import cycling from './cycling.jpg';

import cycling from './Images/cycling.jpg';

我尝试了后两种方法,因为文档似乎建议您需要定义图像并为其命名-但如果是这样的话,我不知道我需要使用什么名称?

同样作为参考,我正在尝试将图像导入到相应的组件文件中,该文件位于相同的基本src文件夹中,但位于单独的组件文件夹下。

代码语言:javascript
运行
复制
src/Components/cycling.js

也许也值得注意--除了图片之外,其他的导入功能都很好,网站的功能也完全符合预期。

任何帮助都将不胜感激。谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-05 23:24:44

要在react中提供静态文件,您需要将这些文件保存在公用文件夹中。使用create-react-app自动生成公用文件夹。

请在此处保存图片:/react-app/public/Images/cycling.jpg

要在组件上使用图像:<img src="/Images/cycling.jpg" />

Official React DocDuplicate Question

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62218155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档