1. 程式人生 > >Vue APP白屏的解決思路之一

Vue APP白屏的解決思路之一

解決思路

關於APP白屏,我們應該從程式碼中解決,而不是歸類為什麼手機任務過多/版本過低等外在的原因。白屏的很大原因在於,程式碼的錯誤。解決白屏的關鍵點就是找到這個報錯。 檢查程式碼的錯誤原因,我們可以看手機的日誌。即是,在日誌中找到報錯並解決它即可。

示例

(一)問題描述
如,我開發中碰到,在開發中沒有問題,但是打包後放到安卓手機低版本中就會白屏,看日誌,發現了報錯:Object.assign is not a function...
所以,可以確定到,程式碼中es6語法沒有完全解析

(二)解決
(1)安裝依賴包
> cnpm install --save-dev babel-polyfill

或者 > npm install --save-dev babel-polyfill

(2)webpack配置修改

/* 新增 babel-polyfill */
entry: {
app: ["babel-polyfill", "./src/main.js"]
},

總結

真正意義上的修復,是找到錯誤的原因(什麼時候下會白屏,日誌有沒有報錯等),一一排查。

相關推薦

Vue APP解決思路之一

解決思路 關於APP白屏,我們應該從程式碼中解決,而不是歸類為什麼手機任務過多/版本過低等外在的原因。白屏的很大原因在於,程式碼的錯誤。解決白屏的關鍵點就是找到這個報錯。 檢查程式碼的錯誤原因,我們可

vue 項目解決方案

sset 運營商 assets 基礎 tsp pack path try 分析 在做的項目是使用 vue-cli 腳手架為基礎的,只能使用微信瀏覽器打開的。在某次更新功能代碼後,被反饋在一些手機上會出現白屏。經過一番探索,多管齊下解決了問題 白屏可能的原因: es6 代碼

android App啟動閃解決方案

App啟動白屏/黑屏產生原因:      進入到Activity,但是未載入到佈局檔案,就先顯示來windows視窗的背景。黑屏/白屏就是顯示的windows背景(這個就是theme的設定)。     on

進入App時,解決

一進入App的時候會出現白屏,解決方法如下, 開啟Mainfests 檔案 最下面有一個 android : theme    點開  進入 在Style 檔案裡面  新增下面兩行程式碼 &l

Android解決app問題

當app啟動或者從後臺中恢復的時候,app會出現一個白色或黑色的頁面,這種情況使用者體驗會不好,想要解決問題可以根據以下兩種方法。 一、定義透明的主題 <style name="AppThe

vue 路由切換解決方案

out 期望 n) his http 方案 return code load 關於vue 路由切換的白屏,事實上在開發的過程中,我一直沒有遇到過。 我有個哥們遇到這個問題,問我怎麽解決的, 我暈了,我沒遇到這樣的問題啊,我怎麽解決啊啊啊啊。。 事實上是遇到過一回的。 場景一

android 啟動頁解決方案

最近在做專案的時候,突然遇到啟動頁白屏不顯示的問題,首先想到的就是圖片大小,仔細檢視 果然,美工給了我一張超大的圖片,我也沒細看就替換上去了,汗! 好吧,既然發現了問題,果斷替換掉圖片,但是,特麼還是白屏(你特麼在逗我!),幾番百度,谷歌,得到如下解決方案:

Android中WebView顯示flash閃解決方案

播放flash(.swf格式)檔案通常有兩種方式:SWF播放器,WebView,以下僅討論WebView播放flash的情況: 使用場景:需要對UI做定製,明顯,自己寫個flash播放器工作量太大,WebView輕巧多了。步驟如下: 1.安裝Adobe的flash外掛

iOS首次安裝開啟APP問題總結

表現 最近在負責一個新的APP的開發。最近部門內測,反饋來一些問題,主要表現在首次安裝該APP,首次啟動,頁面白屏沒有資料。解除安裝再裝or後臺殺死重新開啟,就好了 原因: 先前小範圍測試有遇到過

Webview載入介面解決方法總結

webview巢狀HTML5介面白屏問題 問題介紹:在Android開發中,經常會遇到開發原生和H5巢狀的APP,而在android中載入H5介面時通常使用webview控制元件進行巢狀,而此時就會

ionic splash screen  之後出現的解決辦法

ionic專案中,在splashscreen消失後會出現零點幾秒的白屏,再出現app頁面,通過Google以及各種嘗試,下面方法解決: 1. 安裝Cordova splash screen外掛 $ cd myapp $ ionic plugin add org.apach

Activity跳轉黑,閃解決

Activity跳轉黑屏,閃屏,白屏解決 Activity裡新增跳轉動畫 overridePendingTransition(R.anim.right_in, R.anim.left_out); sytles檔案裡新增 <style name="Theme" pare

【安卓學習之常見問題】 從Google Play 下載下來的App

█ 問題:  ● 將app打包後,發給客戶,客戶將app上架到Google Play,再下載下來,發現 介面白屏:     ● 本來是有張背景圖的,就是所謂的引導頁,之後會進入下一個頁面,結果就卡在這邊,不動,檢視手機的資訊(發現和手機沒有關係):

vue+webpack專案在iOS微信端偶爾出現,重新整理又能重新進入的解決方案,在Android上不會出現

           問題描述:微信公眾號內部的專案,我使用的是vue+webpack的方式,路徑配置正確的情況下,在Chrome上執行正常,執行npm run build放在測試伺服器上,配置好相應入口,通過微信訪問,在Android機

關於cordova打包vue寫的web-app時容易出現以及部分BUG不能測出的問題

打包成apk說明 vue檔案修改 index.html 中必須新增<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.

vue框架開發出現頁面空白、解決方法總彙

轉載自http://www.fly63.com/article/detial/287 1.npm run build打包頁面空白 我們會發現頁面head中引用的js和css檔案是出現了路徑錯誤,這裡修改如下: 解決位置:config/index.js檔案:把assetsPublicPat

android app啟動慢黑的問題解決方案

1、處理閃屏的問題需要在valus下的styles.xml下處理 下面是路徑沒有就新建一個 主要的就是選中的那個 在AndroidManifest.xml配置一下 上面配合完成就不閃了 2、啟動太慢怎麼處理的問題 我使用的是 InitService

(原創)解決APP啟動的問題

APP啟動時需要大量的時間進行初始化操作,包括application的初始化以及MainActivity的初始化 在這個過程中,可能會出現白屏的情況 也就是使用者點選啟動圖示後 首先看到的是一片白色的螢幕 這樣的體驗肯定是不好的 而且如果設定了Splash頁面,進入

解決Android app啟動問題

1.解決app啟動白屏問題 介紹兩種方式 載入首頁頁面前,進行頁面或者顏色過渡,使用者體驗感好 第一步設定一下主題色為透明 <!-- 應用啟動頁(StartingWindow)的theme --> <style name="AppTheme.Startin

解決Android App第一次啟動時顯示或者黑的問題

關於這個問題,首先得搞清楚一個概念,冷啟動,所謂冷啟動是指手指點下啟動圖示到第一個Activity介面呼叫onCreat方法之間的這段時間;那麼在這一段時間內究竟是如何操作的?發生了什麼導致白屏或者黑屏一段時間呢? 因為App在啟動的時候會啟動一個程序,在初始化的過程中,會消耗一部分時間,