一個月之前專案中遇到一個安卓手機低版本相容的問題，當時以為是程式碼寫的有問題，各種排查，最終得出的結論是安卓部分低版本手機不相容vue。下面我就簡單描述下我遇到的問題以及解決方法，以供大家參考：

問題：vue寫的移動端專案，部分低版本安卓手機出現，白屏，以及頁面資料渲染不完整。

原因：安卓低版本手機是不支援ES6語法的，還有少部分低版本安卓不支援小部分的ES5語法，因此vue使用的是ES6語法，所以會導致頁面渲染問題。

解決問題方式，注意看重點是下面的東西：

第一步：npm 安裝

1. npm install babel-polyfill

2. npm install es6-promise

        然後  package.json中會出現下面這兩行，注意檢視下，根據不同時間版本號會不同的，重點是前面

• "babel-polyfill": "^6.26.0",
• "es6-promise": "^4.1.1",

第二步：main.js引入 

• import 'babel-polyfill'
• import Es6Promise from 'es6-promise'
• require('es6-promise').polyfill()
• Es6Promise.polyfill()

第三步：更改 webpack.base.conf.js 檔案中的入口 

entry: {

         app: ["babel-polyfill", "./src/main.js"]//改為最新的這行入口

         // app: ‘./src/main.js’

},

第四步：就可以直接執行測試了。就是這麼簡單，不需要背下來，直接按步驟拷貝進去用就好啦。我是一名IT女神，技術一般，性格開朗，如果我的分享對你有幫助請相互關注相互學習進步！以後遇到坑了繼續會分享！