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

更新時(shí)間：2018年09月04日 15:24:15 作者：蓓蕾心晴

本文給大家?guī)?lái)vue項(xiàng)目在安卓低版本機(jī)顯示空白的原因分析，根據(jù)各自需求給大家?guī)?lái)了兩種原因分析，大家可以參考下

vue項(xiàng)目在安卓低版本機(jī)顯示空白原因：

可能的原因一

查看安卓debug，報(bào)錯(cuò)，可能有箭頭函數(shù)語(yǔ)法錯(cuò)誤，或者其他語(yǔ)法問(wèn)題，那可能是ES6語(yǔ)法問(wèn)題。

這時(shí)候需要安裝babel-pollyfill。

網(wǎng)上找到方法如下：

http://www.dhdzp.com/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‘ //原本只有這一行
}

這時(shí)如果安卓機(jī)依然空白打不開(kāi)，繼續(xù)查看原因二

可能的原因二：

查看npm run build打包之后有沒(méi)有打包報(bào)錯(cuò)，有時(shí)間一些小功能可能不影響頁(yè)面展示和使用，但是打包也報(bào)錯(cuò)了，我們可能就忽略了，只要打包有報(bào)錯(cuò)，安卓就一定不能正常顯示，不像瀏覽器，我這里看到的報(bào)錯(cuò)是

發(fā)現(xiàn)報(bào)錯(cuò)的位置是在router文件夾下的index.js文件中分別是用了es6對(duì)象的合并，和模版字符串，這時(shí)候只需要去webpack.base.conf.js中

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
   resolve('src'),//表示在src目錄下的js需要編譯
  ],
 },

加一個(gè)include，resolve router所在目錄即可，如果這里直接寫(xiě)路徑，會(huì)不起作用。

總結(jié)

以上所述是小編給大家介紹的vue項(xiàng)目在安卓低版本機(jī)顯示空白的原因分析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

vue
空白

相關(guān)文章

vue 地區(qū)選擇器v-distpicker的常用功能
這篇文章主要介紹了vue 地區(qū)選擇器v-distpicker的常用功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
vue+jsplumb實(shí)現(xiàn)工作流程圖的項(xiàng)目實(shí)踐
本文主要介紹了vue+jsplumb實(shí)現(xiàn)工作流程圖的項(xiàng)目實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-04-04
Vue?實(shí)現(xiàn)新國(guó)標(biāo)紅綠燈效果實(shí)例詳解
這篇文章主要為大家介紹了Vue?實(shí)現(xiàn)新國(guó)標(biāo)紅綠燈效果實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
基于vue-draggable 實(shí)現(xiàn)三級(jí)拖動(dòng)排序效果
這篇文章主要介紹了基于vue-draggable 實(shí)現(xiàn)三級(jí)拖動(dòng)排序效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-01-01
vue解析指令compile源碼層面使用解析
這篇文章主要為大家介紹了Vue編譯器解析compile源碼解析示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
vue-cli3.0實(shí)現(xiàn)一個(gè)多頁(yè)面應(yīng)用的歷奇經(jīng)歷記錄總結(jié)
這篇文章主要介紹了vue-cli3.0實(shí)現(xiàn)一個(gè)多頁(yè)面應(yīng)用的歷奇經(jīng)歷,總結(jié)分析了vue-cli3.0實(shí)現(xiàn)一個(gè)多頁(yè)面應(yīng)用遇到的問(wèn)題與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
Element Plus實(shí)現(xiàn)Affix 固釘
本文主要介紹了Element Plus實(shí)現(xiàn)Affix 固釘，Affix組件用于將頁(yè)面元素固定在特定可視區(qū)域，文中通過(guò)示例代碼介紹的非常詳細(xì)，感興趣的小伙伴們可以參考一下
2021-07-07
Vue前端左側(cè)菜單右側(cè)內(nèi)容的網(wǎng)站界面制作過(guò)程
這篇文章主要介紹了使用Vue和ElementUI制作一個(gè)帶有左側(cè)菜單和右側(cè)內(nèi)容區(qū)的網(wǎng)站頁(yè)面的過(guò)程,文中通過(guò)CSS樣式和深度作用符,實(shí)現(xiàn)了頁(yè)面的美化和功能的完善,需要的朋友可以參考下
2025-02-02
讓Vue也可以使用Redux的方法
這篇文章主要介紹了讓Vue也可以使用Redux的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
詳解Vue如何手寫(xiě)虛擬dom并進(jìn)行渲染
這篇文章主要為大家詳細(xì)介紹了渲染器的工作原理,以及如何將真實(shí)dom或者組件用虛擬dom的形式進(jìn)行描述并渲染,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-03-03