vue項目在安卓低版本機(jī)顯示空白的原因分析(兩種)
vue項目在安卓低版本機(jī)顯示空白原因:
可能的原因一
查看安卓debug,報錯,可能有箭頭函數(shù)語法錯誤,或者其他語法問題,那可能是ES6語法問題。
這時候需要安裝babel-pollyfill。
網(wǎng)上找到方法如下:
http://www.dbjr.com.cn/article/146840.htm
1.安裝babel-polyfill和es6-promise
npm i babel-polyfill --save npm 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‘ //原本只有這一行 }
這時如果安卓機(jī)依然空白打不開,繼續(xù)查看原因二
可能的原因二:
查看npm run build打包之后有沒有打包報錯,有時間一些小功能可能不影響頁面展示和使用,但是打包也報錯了,我們可能就忽略了,只要打包有報錯,安卓就一定不能正常顯示,不像瀏覽器,我這里看到的報錯是
發(fā)現(xiàn)報錯的位置是在router文件夾下的index.js文件中 分別是用了es6對象的合并,和模版字符串,這時候只需要去webpack.base.conf.js中
{ test: /\.js$/, loader: 'babel-loader', include: [ resolve('src'),//表示在src目錄下的js需要編譯 ], },
加一個include,resolve router所在目錄即可,如果這里直接寫路徑,會不起作用。
總結(jié)
以上所述是小編給大家介紹的vue項目在安卓低版本機(jī)顯示空白的原因分析 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
vue router 通過路由來實現(xiàn)切換頭部標(biāo)題功能
在做單頁面應(yīng)用程序時,一般頁面布局頭尾兩塊都是固定在布局頁面,中間為是路由入口。這篇文章主要介紹了vue-router 通過路由來實現(xiàn)切換頭部標(biāo)題 ,需要的朋友可以參考下2019-04-04vue調(diào)用攝像頭進(jìn)行拍照并能保存到本地的方法
本文主要介紹了vue調(diào)用攝像頭進(jìn)行拍照并能保存到本地的方法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-04-04vue項目中應(yīng)用ueditor自定義上傳按鈕功能
這篇文章主要介紹了vue項目中應(yīng)用ueditor自定義上傳按鈕功能,文中以vue-cli生成的項目為例給大家介紹了vue項目中使用ueditor的方法,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-04-04Vue 幸運(yùn)大轉(zhuǎn)盤實現(xiàn)思路詳解
這篇文章主要介紹了Vue 幸運(yùn)大轉(zhuǎn)盤實現(xiàn)思路詳解,需要的朋友可以參考下2019-05-05