关于react项目中使用require导入图片不生效的问题

2021-07-01  本文已影响0人  易冷zzz

首先react项目 img中的src不支持直接赋值相对路径,即不支持:

<img src="./../src/favicon.ico"/>

如果使用require导入图像,require返回一个ES模块而不是字符串。这是因为在file-loader中,esModule选项是默认启用的。
用以下方式之一导入图像即可:

const image = require('../path/to/image.jpg').default;
// 或者
import image from '../path/to/image.jpg';
<img src={image} alt="logo" style={{ width: '200px', height: '200px' }} />
上一篇下一篇

猜你喜欢

热点阅读