欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue項目在安卓低版本機(jī)顯示空白的原因分析(兩種)

 更新時間:2018年09月04日 15:24:15   作者:蓓蕾心晴  
本文給大家?guī)韛ue項目在安卓低版本機(jī)顯示空白的原因分析,根據(jù)各自需求給大家?guī)砹藘煞N原因分析,大家可以參考下

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)題功能

    vue router 通過路由來實現(xiàn)切換頭部標(biāo)題功能

    在做單頁面應(yīng)用程序時,一般頁面布局頭尾兩塊都是固定在布局頁面,中間為是路由入口。這篇文章主要介紹了vue-router 通過路由來實現(xiàn)切換頭部標(biāo)題 ,需要的朋友可以參考下
    2019-04-04
  • vue調(diào)用攝像頭進(jìn)行拍照并能保存到本地的方法

    vue調(diào)用攝像頭進(jìn)行拍照并能保存到本地的方法

    本文主要介紹了vue調(diào)用攝像頭進(jìn)行拍照并能保存到本地的方法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • 使用vue腳手架(vue-cli)搭建一個項目詳解

    使用vue腳手架(vue-cli)搭建一個項目詳解

    這篇文章主要介紹了vue腳手架(vue-cli)搭建項目,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • vue項目中應(yīng)用ueditor自定義上傳按鈕功能

    vue項目中應(yīng)用ueditor自定義上傳按鈕功能

    這篇文章主要介紹了vue項目中應(yīng)用ueditor自定義上傳按鈕功能,文中以vue-cli生成的項目為例給大家介紹了vue項目中使用ueditor的方法,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
    2018-04-04
  • 基于vue2.0動態(tài)組件及render詳解

    基于vue2.0動態(tài)組件及render詳解

    下面小編就為大家分享一篇基于vue2.0動態(tài)組件及render詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • 解決keep-alive同一個組件不緩存問題

    解決keep-alive同一個組件不緩存問題

    這篇文章給大家介紹了如何解決keep-alive同一個組件不緩存問題,文中通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
    2024-02-02
  • Vue 幸運(yùn)大轉(zhuǎn)盤實現(xiàn)思路詳解

    Vue 幸運(yùn)大轉(zhuǎn)盤實現(xiàn)思路詳解

    這篇文章主要介紹了Vue 幸運(yùn)大轉(zhuǎn)盤實現(xiàn)思路詳解,需要的朋友可以參考下
    2019-05-05
  • vue樣式穿透 ::v-deep的具體使用

    vue樣式穿透 ::v-deep的具體使用

    這篇文章主要介紹了vue樣式穿透 ::v-deep的具體使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • vue項目熱更新的坑及解決

    vue項目熱更新的坑及解決

    這篇文章主要介紹了vue項目熱更新的坑及解決方案,具有很好的參考價值,希望對的大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 手把手教你搭建vue3.0項目架構(gòu)

    手把手教你搭建vue3.0項目架構(gòu)

    這篇文章手把手教你搭建vue3.0項目架構(gòu),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2021-11-11

最新評論