详解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 全选/反选以及单击行改变背景色实例
Jul 02 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
node.js中的http.response.removeHeader方法使用说明
Dec 14 Javascript
jQuery中ajax的get()方法用法实例
Dec 26 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
connection reset by peer问题总结及解决方案
Oct 21 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
Dec 28 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
一文搞懂ES6中的Map和Set
May 20 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+mysql聊天室实现方法(附源码)
2016/01/05 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
javascript URL编码和解码使用说明
2010/04/12 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
js原生map实现的方法总结
2020/01/19 Javascript
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
详解python3中tkinter知识点
2018/06/21 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
对Python函数设计规范详解
2019/07/19 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
python函数不定长参数使用方法解析
2019/12/14 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
行政主管岗位职责
2013/11/18 职场文书
初三学生个人自我评定
2014/04/06 职场文书
市场部经理岗位职责
2015/02/02 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js