详解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 相关文章推荐
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
使用Js让Html中特殊字符不被转义
Nov 05 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
javascript拖拽应用实例
Mar 25 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
three.js如何实现3D动态文字效果
Mar 03 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加入ftp扩展的解决方法
2013/02/07 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
JS 自定义带默认值的函数
2011/07/21 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
2012/01/13 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
node.js中的console.trace方法使用说明
2014/12/09 Javascript
javascript制作幻灯片(360度全景图片)
2015/07/28 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
如何通过JS实现日历简单算法
2020/10/14 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
css3的focus-within选择器的使用
2020/05/11 HTML / CSS
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
个人应聘自我评价分享
2013/11/18 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
消防安全承诺书
2014/05/22 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
运动会通讯稿300字
2015/07/20 职场文书
安全教育主题班会教案
2015/08/12 职场文书
2019大学生实习报告
2019/06/21 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书