如何解决vue项目中图片展示的是[object Module]问题
  Rzlnp0of1uWH 2023年11月02日 32 0

如何解决vue项目中图片展示的是[object Module]问题

原因分析:

  1. file-loader和css-loader默认执行了es6的引入规范,vue则是执行的commonjs的规范。
  2. 所以这里把前者rules的options的esModule设置为false就可以了。 { test: /\.(png|jpe?g|gif)$/i, options: { name: '[path][name].[ext]', esModule: false }, loader: 'file-loader' //

img属性src="[object Module]",引入图片的方式为“<img src="../assets/images/cute.jpg" >

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
Rzlnp0of1uWH
作者其他文章 更多

2023-11-14

2023-11-13

2023-11-13

2023-11-13

2023-11-02

2023-11-02

2023-11-02

vue

2023-11-02

2023-11-02

2023-11-02