AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

如何根据 SAP UI5 框架代码抛出的错误消息，反查出是哪一行代码引起的错误消息试读版

2023-09-29 49
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
数据可视化DataV，5个大屏 1个月
可视分析地图（DataV-Atlas），3 个项目，100M 存储空间
简介： 如何根据 SAP UI5 框架代码抛出的错误消息，反查出是哪一行代码引起的错误消息试读版

一套适合SAP UI5 初学者循序渐进的学习教程

 

作者简介

 

Jerry Wang，2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师，SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里，Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud(电商云)等标准产品的研发工作。

 

Jerry 工作中使用ABAP, Java, JavaScript 和 TypeScript 进行开发, 对包括 SAP UI5 在内的多款SAP自研框架有深入的研究。

 

教程目录

 

 

说明

 

Jerry 从 2014年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5，曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。

 

在Jerry 这篇文章 对 SAP UI5 一无所知的新手，从哪些材料开始学习比较好？ 曾经提到，Jerry 也是从 SAP UI5 菜鸟一路走过来，深知只有 ABAP 开发背景的开发者，向 SAP UI5 开发领域转型的不易，因此我在业余时间设计了这份适合 SAP UI5 不同水平的学习者的学习教程，把开发一个完整的 SAP UI5 应用的流程，拆分成若干个步骤，力求每个步骤里，把涉及到的知识点都涵盖到。

 

这些知识点可能不像我的 UI5 源码分析系列文章那么深入，但力求做到深入浅出，重要的知识点都配上详细的截图来辅助文字的介绍，便于教程学习者的理解。

 

 本教程每一个步骤的源代码，都存放在我的 Github 上，分别用文件夹 01，02，03 等等来标识，例如步骤 1 的源代码在这里。



每一个步骤均是前一步骤的基础上，添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的 SAP UI5 初学者，按照顺序从第一个步骤开始循序渐进地学习，把这些代码下载到本地，配合教程的文字讲解，自己动手，以加深理解。


对于已经有一定基础的 SAP UI5 开发人员，可以通过本文的目录，跳过前面一部分比较基础的章节，直接挑选对自己工作项目有关，或者包含某些知识点自己尚未掌握的章节来有针对性地学习。


大家如果对教程的每个步骤有任何疑问，欢迎在教程对应的步骤文章里给我评论，进行留言。我虽然平时开发工作很忙，但是保证会定期查看大家给我留下的评论，对于里面涉及到的技术疑问，我一定会抽时间做出解答。


笔者平日经常收到一些朋友求助，提供了我一张他/她们使用 SAP UI5 开发时遇到的错误消息的截图，然后询问我是什么原因造成的这些错误消息。


其实很多情况下，SAP UI5 开发人员可以自行根据错误消息，通过种种方法，找到到底是哪一行代码抛出的错误消息。


如果错误消息是 SAP UI5 应用程序本身抛出来的，因为我们就是代码的作者，所以很容易就能定位到引起错误消息的准确代码位置。反之，如果错误消息是 SAP UI5 框架抛出来的，那么很多时候，快速找到是 SAP UI5 框架哪一行代码抛出的错误消息，则需要一些技巧。


本文通过步骤 29 介绍的路由场景，作为例子来分享两种不同的找到错误消息抛出准确代码位置的技巧。


SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍


我们打开文件夹 29 内的 manifest.json 文件，将第 62 行 controlAggregation 的值，从 pages 改成 pages2，刷新应用：



使用命令行 chrome.exe --user-data-dir="C:/temp" --disable-web-security 打开 Chrome，这样可以忽略访问远程 OData 服务引起的跨域错误：



打开 url http://localhost:8080/webapp/index.htm，发现应用无法正常加载，报错误消息：


The following error occurred while displaying routing target with name ‘overview’: Error: Control appJerry does not have an aggregation called pages2 - Target: overview -



我们的任务就是找到，到底是 SAP UI5 框架的哪一行代码，抛出了这个错误消息。


下面是具体的两种方法介绍。

文章标签：
DataV数据可视化
测试技术
Web App开发
JavaScript
前端开发
开发者
关键词：
UI框架
UI代码
sap ui5
sap试读
sap错误消息
相关实践学习
Github实时数据分析与可视化
基于Github Archive公开数据集，将项目、行为等20+种事件类型数据实时采集至Hologres进行分析，并搭建可视化大屏。
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程，理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上，理解并学会运用各个服务组件，了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准，准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
游客4llb6htoixmxw
目录
相关文章
无所不能的蛋蛋
|
2天前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
无所不能的蛋蛋
197 60
追逐时光者
|
4天前
|
Linux C# Android开发
一个开源、跨平台的.NET UI框架 - Avalonia UI
一个开源、跨平台的.NET UI框架 - Avalonia UI
追逐时光者
15 3
游客4llb6htoixmxw
|
4月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
游客4llb6htoixmxw
77 0
土木林森
|
11天前
|
C# 开发者 设计模式
WPF开发者必读：命令模式应用秘籍，轻松简化UI与业务逻辑交互，让你的代码更上一层楼！
【8月更文挑战第31天】在WPF应用开发中，命令模式是简化UI与业务逻辑交互的关键技术，通过将请求封装为对象，实现UI操作与业务逻辑分离，便于代码维护与扩展。本文介绍命令模式的概念及实现方法，包括使用`ICommand`接口、`RelayCommand`类及自定义命令等方式，并提供示例代码展示如何在项目中应用命令模式。
土木林森
20 0
python编程狮
|
1月前
|
前端开发 关系型数据库 MySQL
Python基于Django框架图书管理系统，Bootstrap框架UI,后台EasyUI框架UI，有登录，实现增删改查的富文本效果
本文介绍了一个使用Python Django框架开发的图书管理系统，该系统采用Bootstrap框架进行前端UI设计，EasyUI框架用于后台UI界面，集成了富文本编辑器，并实现了登录及增删改查功能。
python编程狮
47 1
游客4llb6htoixmxw
|
4月前
|
存储
使用 ABAP 代码打印出 SAP CRM 系统里所有维护了 Sales Area 的 business partner id
使用 ABAP 代码打印出 SAP CRM 系统里所有维护了 Sales Area 的 business partner id
游客4llb6htoixmxw
55 0
Yaiba123
|
27天前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框，在输入时对列表选项进行过滤，并支持右键点击列表选项弹出菜单进行删除的功能。
Yaiba123
15 0
mingupup
|
1月前
|
前端开发 Linux API
Avalonia：一个.NET跨平台UI框架
Avalonia：一个.NET跨平台UI框架
mingupup
56 0
夏天49597
|
2月前
|
前端开发 API
前端框架与库 - Material-UI组件库
【7月更文挑战第20天】Material-UI 是一个基于 React 的 UI 组件库，它遵循 Google 的 Material Design 设计规范，提供了丰富的预构建组件，极大地简化了前端开发过程。本文将深入浅出地介绍 Material-UI 的常见问题、易错点及如何避免这些问题，并附带代码示例，帮助你更好地掌握 Material-UI 的使用技巧。
夏天49597
78 0
向宇it
|
3月前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
向宇it
69 1

热门文章

最新文章

  • 1
    SAP MMBE字段解释
  • 2
    SAP Analytics Cloud和SAP Cloud for Customer的集成
  • 3
    How to load data into SAP HANA database
  • 4
    [PAL编程规范]SAP HANA PAL逻辑回归预测分析Logistic Regression编程规范LOGISTICREGRESSION（模型）
  • 5
    SAP应用界面开发:2)PARAMETERS对象
  • 6
    在SAP云平台ABAP编程环境上编写第一段ABAP程序
  • 7
    SAP 电商云 Spartacus UI 4.1 版本的延迟加载技术介绍
  • 8
    SAP Spartacus 会使用 Session timeout 吗？
  • 9
    SAP Spartacus B2B页面Banner Component的路由url是在哪里定义的
  • 10
    SAP Spartacus B2B table的配置信息从哪里来？
  • 1
    SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
    65
  • 2
    关于 SAP UI5 sap.m.Column 的 demandPopin 属性
    57
  • 3
    SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
    52
  • 4
    SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
    49
  • 5
    纯技术讨论：如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
    72
  • 6
    SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
    47
  • 7
    SAP UI5 控件 customData 属性的应用介绍
    76
  • 8
    SAP UI5 sap.ui.require.toUrl 的作用介绍
    72
  • 9
    SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
    51
  • 10
    SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
    50

    • 相关电子书

    更多
  • SAP Hybris零售行业解决方案 SAP Retail Industry Solution with Hybris Portfolio
  • 「资料下载」阿里云 SAP 云化转型方案与案例分享 | 新品发布会92期
  • 大道至简 — SAP上云方案
    • 下一篇
    对象存储 OSS 如何创建 bucket|学习笔记