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就可以了


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。