5月6日vue错误总结

刚开通博客，记录一下自己学习vue时候所犯的错误以及改正的方法（当然只是方法的一种，错误原因多种多样，可以尝试解决一下），也许这些错误会给以后学习Vue的新同学节省下更多的时间。

 

1、  .vue中引入图片不显示：

调整了好久都没有结果，控制台也不报错直接输出，后来浏览器中检查时候发现src=[object module]

其实是自己在装url-loader以及file-loader时候，版本过高导致的，可以在webpack.config.js中rules规则中加入option如下：

{test:/\.(jpg|jpeg|png)$/,use: [{
loader: 'url-loader',
options: {
esModule: false, // 这里设置为false
name: '[name].[ext]',
limit: 10240
}
}]}

2、创建bundle.js时候，由于webpack版本不同，导致命令webpack .\src\main.js .\dist\bundle.js会出现报错，

此时可以尝试webpack .\src\main.js -o .\dist\bundle.js