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 相关文章推荐
15条JavaScript最佳实践小结
Aug 09 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
asp.net+js实现金额格式化
Feb 27 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
看看“疫苗查询”小程序有温度的代码
Jul 31 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
JavaScript原生数组函数实例汇总
Oct 14 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原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
php递归json类实例
2014/12/02 PHP
php简单实现MVC
2015/02/05 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
ReactJs实现树形结构的数据显示的组件的示例
2017/08/18 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
JS实现滑动插件
2020/01/15 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python 备份程序代码实现
2017/03/06 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
python进行两个表格对比的方法
2018/06/27 Python
最新pycharm安装教程
2020/11/18 Python
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
业务部主管岗位职责
2014/01/29 职场文书
团干部培训方案
2014/06/03 职场文书
社区助残日活动总结
2014/08/29 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2014年教师工作总结
2014/11/10 职场文书
大学毕业典礼致辞
2015/07/29 职场文书
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android