vue项目解决android版本过低引起兼容问题(例如华为荣耀6)

问题描述：
在项目中发现在华为荣耀6手机上，出现页面白屏，抓包后显示接口调用并没有执行，查找后认为是android版本过低（升级测试android4.4.2已是华为荣耀6的最新系统）。
华为荣耀6：android版本4.4.2
接口请求是用axios + promise方式进行请求的封装。

查找后发现是说axios不兼容造成的，但是axios又是基于es6中promise用于浏览器和node.js的http客户端，总而言之，就是android版本过低造成的，有说需要安装babel-polyfill就可以了，但为了保险起见，把es6的用于兼容es5的es6-promise也安装了，具体操作如下：
1.安装

npm install babel-polyfill
npm install es6-promise

2.main.js添加引用

import 'babel-polyfill'
import Vue from 'vue'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()

但会报如下错误：

意为：重复引用了babel-polyfill，所以要注释掉引入import ‘babel-polyfill’。
注释掉对于’babel-polyfill’的引用即可。

3.修改webpack.base.conf.js

module.exports = {context: path.resolve(__dirname, '../'),entry: {"babel-polyfill":"babel-polyfill",app: './src/main.js'},········
}

但是即使执行以上的操作，在页面布局上如果使用新的标签或特性，还是会出现页面兼容的问题。

详细兼容版本可查找：https://caniuse.com/#

参考：
JS-各浏览器对ES2015/ES6的支持情况（桌面端、移动端、以及服务器）
Vue解决安卓4.4不兼容的问题

vue项目解决android版本过低引起兼容问题(例如华为荣耀6)相关推荐

荣耀5a android go,vue项目解决android版本过低引起兼容问题(例如华为荣耀6)-Go语言中文社区...
问题描述: 在项目中发现在华为荣耀6手机上,出现页面白屏,抓包后显示接口调用并没有执行,查找后认为是android版本过低(升级测试android4.4.2已是华为荣耀6的最新系统). 华为荣耀6:a ...
AppNinja一文解决:targetSdkVersion版本过低安装失败，安装apk提示版本太低，targetsdkversion修改方法，附带打包修改工具
解决targetSdkVersion版本过低安装失败,安装apk提示版本太低,targetsdkversion修改方法直接上解决办法: 一.打包错误 AndroidManifest.xml:1: e ...
解决jquery版本过低引发的XSS跨站安全漏洞
解决jquery版本过低引发的安全漏洞测试网站是否存在此XSS跨站漏洞: 以google浏览器为例,打开要测试的网站,在Console窗口输入: $.fn.jquery 回车查看版本号 $(&quo ...
ubuntu16.04 安装docker-ce，解决libltdl7版本过低的问题
遇到的问题: 按照docker官方安装教程,执行到: sudo apt-get install docker-ce 安装失败,出现如下错误: The following packages have u ...
麒麟电脑linux微信版本过低,Ubuntu安装微信，解决deepin“版本过低”或NO_PUBKEY问题...
在搜索引擎搜索Ubuntu安装微信,最多的结果是通过deepin安装但是里面使用的deepin-for-ubuntu 安装之后微信扫码会提示版本过低直接安装deepin.com.wechat_2. ...
解决Lombok版本过低导致的编译出错问题（You aren‘t using a compiler supported by lombok）
在导入一个旧项目的时候,编译期间大量报错,有用的报错信息如下 java: You aren't using a compiler supported by lombok, so lombok will ...
vue项目解决苹果浏览器的缓存功能
在开发vue项目的时候,测试人员给我提了一个bug:"苹果自带浏览器登录后杀死浏览器重新进入后,页面刷新所有数据不显示". 我仔细的回顾了一下代码,感觉我的代码没有什么问题,问测试 ...
修改QQ版本号，解决QQ版本过低
您的QQ版本过低,为了保护您的帐号安全,请到http://im.qq.com/升级到最新版的QQ. 带版本号码的都可以修改,没有版本号码的不行下载个eXeScope,打开QQ.exe,软件左边&qu ...
webpack4搭建vue项目（完整版本）
最近研究了下webpack4,顺便用webpack 4搭建了一个vue项目,搭建过程如下: 1.安装node,然后使用npm init (初始化项目): npm init 2.npm i webpac ...

vue项目解决android版本过低引起兼容问题(例如华为荣耀6)

vue项目解决android版本过低引起兼容问题(例如华为荣耀6)相关推荐

最新文章

热门文章