我正在尝试从我的React应用程序的src文件夹中的Assets文件夹中导入图像，但是由于某种原因，路径未被识别。
我的文件夹结构如下：
|src
|Assets
|Common
|Components
我正在尝试从components文件夹导入位于assets文件夹中的图像。通过执行以下操作，我可以从我的公用文件夹导入components文件夹中的文件：
import * as Constants from '../Common/Constants';
但是，按照这种相同的结构加载图像没有用
<img src = '../Assets/myimg.png'></img>
我究竟做错了什么？
谢谢
在您的代码中，您将基于React应用程序的位置提供图像源，该位置与Web应用程序的根位置，媒体或静态文件位置（待配置）都不相关，因此浏览器将不知道如何呈现它。根据所使用的服务器（nginx，Express），您必须配置静态和/或媒体文件，然后根据配置方式在映像源中指定。
在当前情况下，您可以执行以下操作：
进口
const reactImage = require("../Assets/myimg.png");
然后使用它：
<img src={reactImage.default} />
如果您已经在服务器上配置了媒体文件并正确解析，则只是
<img src="/media/Assets/myimg.png" />
假设媒体位置已经配置，并且指向资产的父目录。
在您的示例中，您假设React导入的相对路径和硬编码到image标签中的图像源是相同的，但实际上并不相同。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句