美文网首页
用 Vue+Webpack 开发的项目,安卓低版本上,无法正常显

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

作者: UmustHU | 来源:发表于2019-01-21 15:08 被阅读0次
解决办法:

项目安装 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 开发的项目,安卓低版本上,无法正常显

      本文链接:https://www.haomeiwen.com/subject/emucjqtx.html