详解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实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
实现vuex原理的示例
Oct 21 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的Yii 2框架的开发优势
2015/07/03 PHP
js检验密码强度(低中高)附图
2014/06/05 Javascript
JavaScript知识点整理
2015/12/09 Javascript
基于 Node.js 实现前后端分离
2016/04/23 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
2017/09/22 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
python微信撤回监测代码
2019/04/29 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
python 异步async库的使用说明
2020/05/04 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
python 生成器需注意的小问题
2020/09/29 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
Html5 localStorage入门教程
2018/04/26 HTML / CSS
ESDlife健康生活易:身体检查预订、搜寻及比较
2019/05/10 全球购物
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
党支部书记先进事迹
2014/01/17 职场文书
党员承诺书怎么写
2014/05/20 职场文书
欢迎家长标语
2014/10/08 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
复试通知单模板
2015/04/24 职场文书
2015年采购员工作总结
2015/04/27 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
python如何获取网络数据
2021/04/11 Python
教你如何使用Python下载B站视频的详细教程
2021/04/29 Python
JS代码编译器Monaco使用方法
2021/06/11 Javascript
Python机器学习之底层实现KNN
2021/06/20 Python