vue项目在安卓低版本机显示空白的原因分析(两种)


Posted in Javascript onSeptember 04, 2018

vue项目在安卓低版本机显示空白原因:

可能的原因一

查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题。

这时候需要安装babel-pollyfill。

网上找到方法如下:

1.安装babel-polyfill和es6-promise

npm i babel-polyfill --save
npm i es6-promise --save

2.main.js引入 

import ‘babel-polyfill‘
import Es6Promise from ‘es6-promise‘
Es6Promise.polyfill()

3.webpack.base.conf.js 

module.exports = {
entry: {
"babel-polyfill":"babel-polyfill",

 app: ‘./src/main.js‘ //原本只有这一行
}

这时如果安卓机依然空白打不开,继续查看原因二

可能的原因二:

查看npm run build打包之后有没有打包报错,有时间一些小功能可能不影响页面展示和使用,但是打包也报错了,我们可能就忽略了,只要打包有报错,安卓就一定不能正常显示,不像浏览器,我这里看到的报错是

发现报错的位置是在router文件夹下的index.js文件中   分别是用了es6对象的合并,和模版字符串,这时候只需要去webpack.base.conf.js中

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
   resolve('src'),//表示在src目录下的js需要编译
  ],
 },

加一个include,resolve  router所在目录即可,如果这里直接写路径,会不起作用。

总结

以上所述是小编给大家介绍的vue项目在安卓低版本机显示空白的原因分析 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于JQuery实现相同内容合并单元格的代码
Jan 12 Javascript
JavaScript中的View-Model使用介绍
Aug 11 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
jQuery实现3D文字特效的方法
Mar 10 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
Angular使用cli生成自定义文件、组件的方法
Sep 04 #Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 #Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 #Javascript
element UI upload组件上传附件格式限制方法
Sep 04 #Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 #Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 #Javascript
JS获取并处理php数组的方法实例分析
Sep 04 #Javascript
You might like
php将字符串转换成16进制的方法
2015/03/17 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
第六篇Bootstrap表格样式介绍
2016/06/21 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
webpack入门+react环境配置
2017/02/08 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
js实现本地图片文件拖拽效果
2017/07/18 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
pygame库实现移动底座弹球小游戏
2020/04/14 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
详解Django中异步任务之django-celery
2020/11/05 Python
Python高并发和多线程有什么关系
2020/11/14 Python
南京软件公司的.net程序员笔试题
2014/08/31 面试题
武汉东之林科技有限公司机试
2013/09/17 面试题
《望庐山瀑布》教学反思
2014/04/22 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
个人收入证明范本
2015/06/12 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python