一些SAP UI5的控件无法按照预期渲染的错误分析方法和解决方案

简介: 一些SAP UI5的控件无法按照预期渲染的错误分析方法和解决方案

我在index.html里写了下面这段代码:


image.png  

但是在服务器上运行这个index.html,发现在正式模式下遇到下面这个错误消息:


“Uncaught TypeError: Cannot read property ‘Button’ of undefined”

image.png


但奇怪的是,在调试模式下是没问题的。

image.png

处理此类问题的经验是,一般此类涉及到在debug mode能工作(不能工作), 但是正常情况下不能工作(能工作)的issue,不管任何语言,都和runtime执行时序有关。


这个问题的root cause是,在new sap.m.Button时,sap.ui.core, sap.m还没有被load下来,执行new sap.m.Button这句就会报错,找不到。具体如下:

image.png

(1) 为什么非debug模式下,sap.ui.core和sap.m没有被load下来呢?


image.png

非debug模式下,会根据preload标识决定load是同步还是异步,这里设置的是async:


image.png

所以,在new sap.m.Button时,sap.ui.core, sap.m还没有被load下来。

如果preload被设置为 sync ,就会看到button被正常render。


(2) 为什么debug模式下,new sap.m.Button时,sap.ui.core和sap.m已经被load下来呢?

debug模式下,会使用requireModule load lib:


image.png

不会根据preload标识决定load是同步还是异步:

image.png

这个issue可以引申出另一个知识点,如果我就要求data-sap-ui-preload=“async”,有没有办法保证在非debug mode下,每次运行应用仍然成功呢?


另一个问题:这个bootstrap的id能改成其他比如"helloWorld"么?为什么?


image.png


因为已经Src已经满足满足预期的正则表达式,执行不到下面的分支了。

image.png


相关文章
|
5月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
82 1
|
5月前
|
算法 API C++
【Qt UI】QT 窗口/控件置顶方法详解
【Qt UI】QT 窗口/控件置顶方法详解
372 0
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
4月前
|
存储 开发框架 JavaScript
深入探讨Flutter中动态UI构建的原理、方法以及数据驱动视图的实现技巧
【6月更文挑战第11天】Flutter是高效的跨平台移动开发框架,以其热重载、高性能渲染和丰富组件库著称。本文探讨了Flutter中动态UI构建原理与数据驱动视图的实现。动态UI基于Widget树模型,状态变化触发UI更新。状态管理是关键,Flutter提供StatefulWidget、Provider、Redux等方式。使用ListView等可滚动组件和StreamBuilder等流式组件实现数据驱动视图的自动更新。响应式布局确保UI在不同设备上的适应性。Flutter为开发者构建动态、用户友好的界面提供了强大支持。
78 2
|
5月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
2月前
|
前端开发 图形学
Unity精华☀️UI和物体可见性的判断方法
Unity精华☀️UI和物体可见性的判断方法
|
5月前
|
小程序
【微信小程序6】引入第三方UI的方法(ColorUi)
【微信小程序6】引入第三方UI的方法(ColorUi)
459 0
|
5月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
下一篇
无影云桌面