vue項目在安卓低版本機顯示空白原因:
可能的原因一
查看安卓debug,報錯,可能有箭頭函數語法錯誤,或者其他語法問題,那可能是ES6語法問題。
這時候需要安裝babel-pollyfill。
網上找到方法如下:
http://www.survivalescaperooms.com/article/146840.htm
1.安裝babel-polyfill和es6-promise
npm i babel-polyfill --savenpm i es6-promise --save
2.main.js引入 
import ‘babel-polyfill‘import Es6Promise from ‘es6-promise‘Es6Promise.polyfill()
3.webpack.base.conf.js 
module.exports = {entry: {  "babel-polyfill":"babel-polyfill",   app: ‘./src/main.js‘ //原本只有這一行}這時如果安卓機依然空白打不開,繼續查看原因二
可能的原因二:
查看npm run build打包之后有沒有打包報錯,有時間一些小功能可能不影響頁面展示和使用,但是打包也報錯了,我們可能就忽略了,只要打包有報錯,安卓就一定不能正常顯示,不像瀏覽器,我這里看到的報錯是
發現報錯的位置是在router文件夾下的index.js文件中 分別是用了es6對象的合并,和模版字符串,這時候只需要去webpack.base.conf.js中
{  test: //.js$/,  loader: 'babel-loader',  include: [   resolve('src'),//表示在src目錄下的js需要編譯  ], },加一個include,resolve  router所在目錄即可,如果這里直接寫路徑,會不起作用。
總結
以上所述是小編給大家介紹的vue項目在安卓低版本機顯示空白的原因分析 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!
新聞熱點
疑難解答
圖片精選