我已经建立了一个React编码的网站,但不幸的是我无法正确加载图像。我已经参考了文档,我正在尝试导入它们,但我不确定如何导入。它在加载网站时抛出一个错误,说它无法解析图像--这是另一种说文件路径不正确的方式吗?
例如-我试图从'Images‘文件夹导入-所以这将是完整的文件路径:
src/Images/cycling.jpg因此,我尝试将图像导入为:
import './cycling.jpg';
import './Images/cycling.jpg
import cycling from './cycling.jpg';
import cycling from './Images/cycling.jpg';我尝试了后两种方法,因为文档似乎建议您需要定义图像并为其命名-但如果是这样的话,我不知道我需要使用什么名称?
同样作为参考,我正在尝试将图像导入到相应的组件文件中,该文件位于相同的基本src文件夹中,但位于单独的组件文件夹下。
src/Components/cycling.js也许也值得注意--除了图片之外,其他的导入功能都很好,网站的功能也完全符合预期。
任何帮助都将不胜感激。谢谢!
发布于 2020-06-05 23:24:44
要在react中提供静态文件,您需要将这些文件保存在公用文件夹中。使用create-react-app自动生成公用文件夹。
请在此处保存图片:/react-app/public/Images/cycling.jpg
要在组件上使用图像:<img src="/Images/cycling.jpg" />
https://stackoverflow.com/questions/62218155
复制相似问题