今天在学习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'

然后就好啦~~~

Logo

前往低代码交流专区

更多推荐