本地图像没有在React上加载

问题描述

当我尝试显示图像<img src = {require(path)}/>时，我不知道为什么，当我启动react应用程序时，我没有得到这些图像，我的伴侣在他的计算机上都可以看到这些图像。我已经从他的文件中删除并安装了所有文件。

浏览器上的图像显示为<img src = [Object Module]/>。我已经做过一些研究，看来webpack或url-loader可能有问题，但我不明白为什么我的计算机不能正常工作，而我的助手却可以工作。

如果有人有想法。请帮忙。

谢谢。

解决方法

尝试像这样首先导入图像：

import image from '../image.jpg'

const App = () => {
   return (
     <img src={image} alt='image' />
   )
}

,

您可能想将src值括在括号中

<img src={require(path)} />