如何解决vue项目中图片展示的是[object Module]问题
原因分析:
- file-loader和css-loader默认执行了es6的引入规范,vue则是执行的commonjs的规范。
- 所以这里把前者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" >”