找不到模块：错误：无法解析模块＆＃39; ***。jpg＆＃39;

Question

我想使用img src=来显示图片，但最终失败了。我尝试了以下方法，但这些方法都不起作用：

1

var  logo = require('img/logo.jpg');
...
<img src={logo} alt="" />

2

import logo from 'style/ydg_logo.jpg';
...
<img src={logo} alt="" />

3

<img src={require('img/logo.jpg')} alt="" />

错误：

  

找不到模块：错误：无法解析模块＆＃39; style / ydg_logo.jpg＆＃39;

Answer 1

解决：

在package.json中包含file-loader，并使用加载器在webpack.config.js中加载文件

{ test: /\.(jpeg|jpg|png|gif)$/,loader: 'url-loader?limit=10240' }