【快應用】應用打開顯示白屏

【現象描述】

應用打開顯示白屏。

【問題分析】

此類問題建議從以下幾點逐層分析排查：

1.   路由配置是否正确，是否跳轉到了希望跳轉的頁面

2.   是否調用了資料請求接口

3.   資料請求回調是否傳回

4.   4.是否給頁面資料指派，雙向綁定是否正确

5.   5.頁面show和if狀态是否正确

【問題分析】

1. 頁面修改後（比如修改頁面名，建立頁面等），排查路由表是否同步更新，路由路徑是否配置正确。另外修改路由表跳轉hello word，檢查hello word頁面是否正常顯示。

2. 檢查是否混淆了頁面的生命周期onInit和應用的生命周期onCreate，在頁面中使用onCreate生命周期，在onCreate中調用資料接口，會導緻資料請求接口并未真正執行，請修改在onInit中調用。

3. 資料請求接口調用參數錯誤，進而沒有資料回調；未在fail分支做處理，進而資料回調後未做處理。這兩種情況會導緻并未擷取到資料。請在接口調用回調後，添加日志檢視是否接口回調成功。

4. fetch請求傳回的資料是一個字元串，需要經過JSON.parse裝換成JSON資料使用。開發者需要注意對傳回結果先判斷是否為空，否則如果資料錯誤會報錯。另外需要注意接口調用時異步請求注意this指向，確定資料指派成功。

5. 有些開發者會使用show和if來處理頁面，在請求到資料後讓頁面顯示，未請求到資料讓頁面隐藏，此處需要注意show和if的狀态是否設定正确。

【建議與總結】

出現問題建議從頁面進入，按照 生命周期 → 資料擷取 → 資料指派 逐漸排查問題。

欲了解更多更全技術文章，歡迎通路https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh