解决vue打包后出现页面空白和报错的问题

首先我们在打包后会生成dist文件，打开dist文件的index.html正常来讲是可以正常运行的，但往往我们最容易碰到的问题就是页面打开以后一片空白，这时候不用方，F12看下报啥错。

错误一：

像上面这种错误。我们直接去vue.config.js里修改配置，把|'publicPath'的值改成'./'，然后重新打包，再打开就可以了，贴图：

错误二：

这种情况是可以看下 具体的问题介绍
解决方法：
在babel.config.js这个配置文件中添加sourceType字段，并将该字段设置为unambiguous，重新打包，再打开就可以了，上图：

写作不易，本篇文章为原创制作，如有抄袭或者使用转载的请注明来源，感谢。