SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 北元化工股票代码
- 下一篇: SAP UI5 应用开发教程之三十九 -