SAP UI5 應(yīng)用開發(fā)完畢后，加載時沒有顯示任何內(nèi)容，只有一個白茫茫的空白屏幕(blank screen)，無疑是讓很多 SAP UI5 開發(fā)人員感到沮喪的事情。

然而這種白屏總是伴隨著瀏覽器(比如 Chrome) 開發(fā)者工具 Console 面板里的錯誤消息，后者是我們定位并解決問題的一個極好助手。

本步驟試著列舉了一些筆者從事 SAP UI5 開發(fā)工作過程中遇到的一些常見的會造成應(yīng)用加載白屏的錯誤。目的是通過分析和解決這些錯誤，給大家展示如何根據(jù)開發(fā)者工具 Console 面板的錯誤消息，進(jìn)行分析并修復(fù)代碼中的 bug.

本步驟的源代碼，地址如下：

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/39

進(jìn)入文件夾 39，執(zhí)行命令行 npm install 和 ui5 serve，訪問 url：

http://localhost:8080/webapp/index.html

會看到一個空白的屏幕，同時 Chrome 開發(fā)者工具里有著海量的錯誤消息。下面請跟著我逐一分析這些錯誤消息并修復(fù)。

• 錯誤消息1：GET http://localhost:8080/webapp/Component-preload.js net::ERR_ABORTED 404 (Not Found)

這個 Component-preload.js 無法加載的錯誤并不會導(dǎo)致應(yīng)用的白屏。關(guān)于該文件的用途和如何生成，請參閱本教程這篇文章：

總結(jié)

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。