鍍金池/ 問答/HTML/ vue-cli構(gòu)建的項(xiàng)目在安卓4.4 webview白屏,該如何處理?

vue-cli構(gòu)建的項(xiàng)目在安卓4.4 webview白屏,該如何處理?

vue-cli webpack構(gòu)建的項(xiàng)目,APP里內(nèi)嵌的網(wǎng)頁,在AS上跑的安卓4.4和yunos3.1下白屏,在原配置上額外引了'babel-polyfill',沒什么用,在IE9上都測試通過了= =
默認(rèn)的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有額外參數(shù)要處理?

回答
編輯回答
小曖昧

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

2018年4月29日 04:40
編輯回答
解夏

樓主解決了嗎?我也遇到該問題

2017年11月7日 20:19
編輯回答
青黛色

目測大部分人在使用vue-cli腳手架的時(shí)候都刪掉了格式校驗(yàn)的代碼:
圖片描述

所以在編譯之后的JS中存在部分ES6的語法,需要自行配置編譯文件,全部編譯到ES5之后再在webview中打開即可,

還有另外一種情況就是https證書的問題,如果證書不安全也會白屏,
通常情況下白屏你可以在你的android studio上面看到報(bào)錯(cuò)的信息,進(jìn)行處理就好,不要一味盲目的處理,

2017年12月15日 18:32