vue项目中图片不显示img标签src=[object Moudle]问题解决办法
今天在学习vue的时候,使用webpack配置配置项目时,在页面上加了一张图片<img src="../../images/menu1.png" alt=""/>但是居然没有显示出来,我就奇了怪了,然后我就找找找,发现页面控制台上img的src="[object Moudle]"解决方法:配置图片url-loader,在webpack.config…js中添加加入esModule:fa
·
今天在学习vue的时候,使用webpack配置配置项目时,在页面上加了一张图片
<img src="../../images/menu1.png" alt=""/>
但是居然没有显示出来,我就奇了怪了,然后我就找找找,发现页面控制台上img的src="[object Moudle]"
解决方法:
配置图片url-loader,在webpack.config…js中添加加入esModule:false即可,其作用是启用CommonJS模块语法
{test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?limit=7631&name=[hash:8]-[name].[ext]&esModule=false'
然后就好啦~~~
更多推荐
已为社区贡献1条内容
所有评论(0)