未找到模塊：錯誤：無法解析模塊'***。jpg'

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="" /> 

錯誤：

Module not found: Error: Cannot resolve module 'style/ydg_logo.jpg'

Answer 1

解決：

包括的package.json file-loader，和使用什麼裝載機使用第三一個當誤差加載在webpack.config.js

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