【发布时间】：2021-09-06 05:48:09
【问题描述】：
我的反应应用程序找不到我的图像文件。我尝试了多种导入方式。 我在我的 App.js 中导入这个
import logo from "./images/companyLogo.png"
<img src={logo} />
<img src={require("./images/companyLogo.png")} />
我什至看到了一种方法，将图像文件放在公用文件夹中并按如下方式导入：（不知道为什么这对某些人有用）
<img src="images/companyLogo.png" />
我检查了我的目录，它看起来不错。
【问题讨论】：
-
是否有任何理由不将图像添加到公用文件夹中并在 jsx 中轻松引用它？
-
我不确定我是否理解你的问题。我被教导将文件和文件夹放在 src 文件夹而不是公共文件夹中
-
这张图片在哪个组件中使用？如果是组件文件夹中的内容，则图像路径错误。路径可以是 ../images/...
-
这张图片正在 App.js 组件中使用，但我现在找到了一种更好的导入图片的方法。只需将其用作 css 中的背景图像
标签： reactjs