用 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。

你可能感兴趣的:(用 Vue+Webpack 开发的项目,安卓低版本上,无法正常显示和使用。)