目录
- 出错现象
- 出错原因
- 解决方案
出错现象
这个错误是我在用vue-cli
中使用webpack
打包的时候,页面内容已经展示出来但是图片显示不出来,一看引用链接src
为"[object Module]"
的问题。
- 报错信息
![](https://img.haomeiwen.com/i6100773/16cc9469bca2c8a7.png)
出错原因
也是找到了大佬的博客看到的,他说这个是file-loader
的版本问题,我现在的file-loader
版本是^6.2.0
。原来file-loader
里面有一个esModule
的配置,低版本默认为false
,高版本默认为true
。
解决方案
- 降低
file-loader
版本为^4.2.0
- 新版本直接设置
esModule
的属性为false
{
test: /\.png$/,
use: {
loader: 'file-loader',
options: {
esModule: false
}
}
}
it works~
网友评论