在使用webpack4初始化项目,基础配置完之后出现的一个问题。如下图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191209114437303.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBlcl9ib3k=,size_16,color_FFFFFF,t_70)
img属性src="[object Module]",引入图片的方式为
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191209114633221.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBlcl9ib3k=,size_16,color_FFFFFF,t_70)
配置的图片loader试了两种都不行:file-loader、url-loader
配置如下
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191209114850364.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBlcl9ib3k=,size_16,color_FFFFFF,t_70)
解决办法一
在option里面加入
esModule: false
如果你是用的url-loader那就在url-loader里面的option配置
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191209114959879.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBlcl9ib3k=,size_16,color_FFFFFF,t_70)
作用是启用CommonJS模块语法
解决办法二
或者试试降低file-loader或者url-loader的版本。