用 Vue+Webpack 开发的项目,安卓低版本上,无法正常显示和使用。

解决办法:

项目安装 babel-polyfill 、 es6-promise 、viewport-units-buggyfill 三个插件。(第三个插件的前提是项目中使用的适配单位是 vw)
在项目入口文件,比如main.js中,头部引入

import "babel-polyfill"
import 'es6-promise/auto'  

还要调用 viewport-units-buggyfill

var hacks = require('viewport-units-buggyfill/viewport-units-buggyfill.hacks');
require('viewport-units-buggyfill').init({
    hacks: hacks
});
解释:

babel-polyfill 、 es6-promise 是解决低版本不识别 es6 新的 api
viewport-units-buggyfill 是解决低版本不识别 vw 单位。

补充:

虽然项目里已经装了bable一些插件,但是只转换新语法,不转换新api。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容