vue项目中出现白屏如何解决 - 行业资讯 - 肥雀云

　　介绍

这篇文章给大家介绍vue项目中出现白屏如何解决,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<强>白屏可能的原因:

<李>

es6代码没有被编译成es5;

<李>

文件打包路径错误;

<李>

运营商塞入的广告js服务器报错,连累项目不能下载资源;

针对1和2,分别采取以下做法:

解决位置:配置/索引。js文件:把assetsPublicPath: & # 39;/& # 39;改为assetsPublicPath: & # 39;。/& # 39;

构建:,{ 　　assetsPublicPath才能:& # 39;。/& # 39; 　　}

解决位置:

首先安装babel-polyfill库;

npm install ,,节省babel-polyfill

然后修改构建/webpack.base.conf。js文件,将

条目:,{ 　　应用程序才能:& # 39;。/src/main.js& # 39; 　　以前,}

改成

条目:,(& # 39;babel-polyfill& # 39;,, & # 39;。/src/main.js& # 39;]

使得其从入口文件就开始转换代码。

做了上面的操作后,问题就解决了,因此没有对3进行实践。

3的情况,是以前的经验之谈。部分用户出现了打不开页面的情况,刚好同事的手机也遇到同样的情况,拿来分析之后发现,是运营商劫持了流量,往里面塞了广告js,结果它的服务器还出错.....解决方案是上https,完美解决。

关于vue项目中出现白屏如何解决就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。