Javascript 某些图像即使存在也未加载到react应用程序中

我正在开发react应用程序。在开发过程中一切正常。当我使用npm运行构建并测试它时，页面上会显示一些图像，而一些图像根本找不到。我可以看到显示了用户化身图像，但没有显示所有其他图像。我检查了浏览器中的代码并检查了图像的src。路径良好，图像也可在./static/media/card-1.7a6bc100.jpg中找到，但未显示在页面上。然后我检查了用户头像图像的代码，src看起来很相似，并且图像工作正常。我不知道它为什么会这样。下面是我的源代码看起来像

import marc from "assets/img/faces/marc.jpg";

然后我的img标签看起来像：

<img src={marc} className={imgStyle} alt="..." />

它总是吐出来。。。这些点意味着图像并没有被加载，但图像在那个里是可用的，当我在浏览器中检查这个图像时，路径也是完美的。有人能帮我解释一下为什么它要在生产中这样做吗？这项工作已经进行了几个小时，但没有找到任何解决方案

我们将非常感谢您的帮助

谢谢。

将您的图像放在public/images/文件夹中，然后像这样使用

<img src="/images/logo.png" className={imgStyle} alt="Logo" />

如果您使用的是CreateReact应用程序，则还需要在src内部提供资产。您还应该使用相对路径而不是绝对路径来引用图像。例如：

图像位于src/assets/img/faces下

您的代码位于src/some文件夹/your-code.js下

//your-code.js 从../assets/img/faces/marc.jpg导入marc；

---

但我认为这不是正确的方法。不确定。让我试试这是一种方法。这就是为什么CreateReact应用程序样板不适合我。正如我在问题中提到的，有些图像正在加载，有些则根本不加载。即使图像存在于同一路径中，但未加载：你找到解决办法了吗。我也面临着类似的问题。构建服务器中的路径似乎不同。它会自动生成sitename/component/static/media/image，而不是sitename/static/。。