vue-cli构建的项目在安卓4.4 webview白屏,该如何处理?

vue-cli webpack构建的项目,APP里内嵌的网页,在AS上跑的安卓4.4和yunos3.1下白屏,在原配置上额外引了'babel-polyfill',没什么用,在IE9上都测试通过了= =
默认的babel是这样的

{
  "presets": [
    ["env", {
      "modules": false,
      "loose": true,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

想问下各位大佬,是我需要修改babel配置,还是要安卓那边webview有额外参数要处理?

阅读 6.9k
3 个回答

main.js里import "babel-polyfill"
build->webpack.base.conf.js->entry改为 app: ['babel-polyfill', './src/main.js']

目测大部分人在使用vue-cli脚手架的时候都删掉了格式校验的代码:
图片描述

所以在编译之后的JS中存在部分ES6的语法,需要自行配置编译文件,全部编译到ES5之后再在webview中打开即可,

还有另外一种情况就是https证书的问题,如果证书不安全也会白屏,
通常情况下白屏你可以在你的android studio上面看到报错的信息,进行处理就好,不要一味盲目的处理,

楼主解决了吗?我也遇到该问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进