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