OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用
Posted
技术标签:
【中文标题】OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用【英文标题】:SAPUI5 code from OpenSAP week 1 unit 2 not working 【发布时间】:2017-01-08 09:39:44 【问题描述】:我正在学习 OpenSAP 的 SAP UI5 课程,在第 1 周的第 2 单元学习时,我的代码在练习中给出的内容不起作用。
有什么帮助吗?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<script
id="sap-ui-bootstrap"
src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.m"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceroots='"opensap.MyApp": "./"'
>
</script>
<script src="https://sap.github.io/openSAP-ui5-course/Validator.js">
</script>
<script>
sap.ui.getCore().attachInit(function ()
sap.ui.xmlview(viewName: "opensap.MyApp.view.App").placeAt("content");
);
</script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
这是我在视图文件夹中的视图
<mvc:View
displayBlock="true"
xmlns:mvc="sap.ui.core.mvc">
xmlns="sap.m"
<Carousel>
<pages>
<Image src="https://upload.wikimedia.org/wikipedia/commons/9/9f/GEO_Globe.jpg"/>
<Image src="https://upload.wikimedia.org/wikipedia/commons/9/9f/GEO_Globe.jpg"/>
</pages>
</Carousel>
</mvc:View>
【问题讨论】:
【参考方案1】:只是为了记录为什么"../"
成功:这取决于您的项目文件夹结构的外观。使用' "opensap.myapp": "../" '
,您就是registering a module path,通过说“每当我使用"opensap.myapp."
作为前缀时,开始从路径../
相对于我当前文档所在的位置搜索资源(在我们的例子中,index.html)。”因此资源Root。
PS:如果您继续使用主题 sap_bluecrystal
due to its deprecation(自 1.38 版起),您可能会遇到一些外观错误。如果您的应用在较新版本上运行,则最好使用 sap_belize
或 sap_belize_plus
。
【讨论】:
【参考方案2】:致所有和我一样受苦的人。
而不是使用
data-sap-ui-resourceroots='
"opensap.myapp": "./"
'>
使用data-sap-ui-resourceroots='
"opensap.myapp": "../"
'>
在挣扎了一个小时后,我尝试了这个,它奏效了。练习中 docx 文件中给出的任何语法都是错误的。或者更新某些功能。
【讨论】:
以上是关于OpenSAP 第 1 周第 2 单元的 SAPUI5 代码不起作用的主要内容,如果未能解决你的问题,请参考以下文章