详解vue 项目白屏解决方案


Posted in Javascript onOctober 31, 2018

在做的项目是使用 vue-cli 脚手架为基础的,只能使用微信浏览器打开的。在某次更新功能代码后,被反馈在一些手机上会出现白屏。经过一番探索,多管齐下解决了问题

白屏可能的原因:

  1. es6 代码没有被编译成 es5 ;
  2. 文件打包路径错误;
  3. 运营商塞入的广告 js 服务器报错,连累项目不能下载资源;

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

解决位置:config/index.js 文件:把 assetsPublicPath: '/' 改为assetsPublicPath: './'

build: {
  assetsPublicPath: './',
}

解决位置:

首先安装 babel-polyfill 库;

npm install --save babel-polyfill

然后修改 build/webpack.base.conf.js 文件,将

entry: {
  app: './src/main.js',
 }

改成

entry: ['babel-polyfill', './src/main.js']

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript String 对象
Apr 25 Javascript
JavaScript 获得选中文本内容的方法
Feb 15 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
May 28 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
javascript ES6 新增了let命令使用介绍
Jul 07 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
微信小程序ibeacon三点定位详解
Oct 31 #Javascript
小程序获取周围IBeacon设备的方法
Oct 31 #Javascript
详解js删除数组中的指定元素
Oct 31 #Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 #Javascript
Vue项目History模式404问题解决方法
Oct 31 #Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 #Javascript
vue组件中的样式属性scoped实例详解
Oct 30 #Javascript
You might like
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
python实现斐波那契递归函数的方法
2014/09/08 Python
一些Python中的二维数组的操作方法
2015/05/02 Python
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
Python实现序列化及csv文件读取
2020/01/19 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
毕业生的自我评价分享
2013/12/18 职场文书
助人为乐表扬信范文
2014/01/14 职场文书
领导接待方案
2014/03/13 职场文书
初三学生评语大全
2014/04/24 职场文书
城管大队整治方案
2014/05/06 职场文书
企业授权委托书范本
2014/09/22 职场文书
2014年营业员工作总结
2014/11/18 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
老兵退伍感言
2015/08/03 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
Linux安装apache服务器的配置过程
2021/11/27 Servers
速龙x4-860k处理器相当于i几
2022/04/20 数码科技