1、针对 <img src='../assets/doc/PDF.png'> 直接引入写法报错:
2、解决代码如下:
<img src={ require('../assets/doc/PDF.png').default }
3、引入动态图片:
<img src={ require(`../assets/doc/${i.docExt.toUpperCase()}.png`).default }
4、添加默认图片:
<img
src={ require(`../assets/doc/${i.docExt.toUpperCase()}.png`).default }
onError={(img) => {
img.target.src = Logo;
img.onerror = null;
}
}
/>
5、若 eslint 报错 require is not deined, 需在 .eslintrc.js 文件中配置:
'env': {
node: true
}