Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应-加载静态图像_Reactjs_Webpack - Fatal编程技术网

Reactjs 反应-加载静态图像

Reactjs 反应-加载静态图像,reactjs,webpack,Reactjs,Webpack,我正在使用react.js的webpack,但无法加载静态图像。 在我的react组件中,我尝试从例如mainContainer.js文件加载图像。我尝试使用文件加载器,我认为我设置正确,但webpack simple仍然无法识别图像文件夹 这里有一个到的内联链接 我尝试加载映像的.js组件的一部分: <a href="/" className="author"> <span className="name">Jane Doe</span><im

我正在使用react.js的webpack,但无法加载静态图像。 在我的react组件中,我尝试从例如mainContainer.js文件加载图像。我尝试使用文件加载器,我认为我设置正确,但webpack simple仍然无法识别图像文件夹

这里有一个到的内联链接

我尝试加载映像的.js组件的一部分:

<a href="/" className="author">
    <span className="name">Jane Doe</span><img src="./images/avatar.jpg" alt="" />
</a>

我这样做的方法是使用将所有静态图像复制到build文件夹中。然后在我的组件中,我可以引用它们,就像它们存在于根级别一样:

const copy = new CopyWebpackPlugin([
    { from: ROOT + '/images', to: 'images' }
]);
在您的组件中:

<img src="/images/logo.png" />

发布代码的相关部分,而不是Github的链接。请发布您的code@SyedAqeel我编辑了我的帖子
<img src="/images/logo.png" />