详解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 相关文章推荐
node.js中的path.normalize方法使用说明
Dec 08 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
jQuery 筛选器简单操作示例
Oct 02 jQuery
JS实现点星星消除小游戏
Mar 24 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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防注入漏洞过滤函数代码
2012/04/11 PHP
php变量范围介绍
2012/10/15 PHP
Laravel框架路由配置总结、设置技巧大全
2014/09/03 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
微信小程序 自己制作小组件实例详解
2016/12/22 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
2017/10/30 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
Python中获取网页状态码的两个方法
2014/11/03 Python
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python构建XML树结构的方法示例
2017/06/30 Python
python二维列表一维列表的互相转换实例
2018/07/02 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
Python匿名函数及应用示例
2019/04/09 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python使用requests.session模拟登录
2019/08/09 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
python excel多行合并的方法
2020/12/09 Python
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
乔迁之喜主持词
2014/03/27 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
人事聘任通知
2015/04/21 职场文书
宾馆客房管理制度
2015/08/06 职场文书
微信小程序实现聊天室功能
2021/06/14 Javascript
SpringBoot快速入门详解
2021/07/21 Java/Android