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 offset函数应用实例
Nov 14 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
Nov 03 Javascript
JSP基于Bootstrap分页显示实例解析
Jun 12 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
js实现百度搜索提示框
Feb 05 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
详解基于webpack&gettext的前端多语言方案
Jan 29 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 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数组去重的函数代码
2013/02/03 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
python cookielib 登录人人网的实现代码
2012/12/19 Python
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
数控专业大学生的自我鉴定
2013/11/13 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
2014年公司工作总结
2014/11/22 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
后勤工作个人总结
2015/02/28 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书