vue-loader处理之后img src变成"[object Module]"问题

在webpack中使用vue-loader编译template之后,发现图片加载不出来了,开发人员工具中显示src="[object Module]"

这是因为当vue-loader编译template块之后,会将所有的资源url转换为webpack模块请求

官方给出的解释:

这是因为vue使用的是commonjs语法规范,而file-loader/url-loader使用的es module语法规范,解决方法是处理图片时不适用es module的语法


将esModule选项设置为false就可以了


你可能感兴趣的:(vue-loader处理之后img src变成"[object Module]"问题)