react.js - webpack图片加载

问题描述

问 题

webpack+react 图片加载不出来，求解
1.已安装加载器 url-loader
2.配置文件中也已添加

3.打包后的图片文件也有

4.控制台没有报错

但是前台不会显示图片，请问是什么原因，如果用直接添加在HTML中格式：<img src={require("../../main/images/lvye_log.png")} alt=""/>会有图片显示，但是不会生成到打包文件中，请问这个图片到底要怎么处理会好些？

解决方案

1、检查控制台的img元素src属性是否存在图片路径；

2、不存在路径则另外考虑，存在路径则可能是路径出错，考虑到你直接在src添加require可以导入，那么原来你是怎么添加的呢？

3、没贴出你是如何引用图片的代码，所以不好判断具体出错方向。

这篇关于react.js - webpack图片加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！