Question

我正在关注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>

这是我在view文件夹中的视图

<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>

Answer 1

任何与我相似的人。

而不是使用

    data-sap-ui-resourceroots='{
    "opensap.myapp": "./"
}'>

使用data-sap-ui-resourceroots='{ "opensap.myapp": "../" }'>

经过一个小时的挣扎，我尝试了这个并且有效。在练习中docx文件中给出的任何语法都是错误的。或者更新某些功能。

Answer 2

只是为了记录"../"解决的原因：这取决于项目文件夹结构的样子。使用'{ "opensap.myapp": "../" }'，您对应用程序registering a module path说：“每当我使用"opensap.myapp."作为前缀时，开始从路径../相对位置搜索资源到我当前文档所在的位置（在我们的例子中是index.html）。“因此资源 Root 。

有关如何构建项目文件夹的最佳做法，请访问：https://openui5.hana.ondemand.com/#docs/guide/003f755d46d34dd1bbce9ffe08c8d46a.html
以下是另一个解释问题的答案：https://stackoverflow.com/a/35722435/5846045

PS：如果你继续使用主题sap_bluecrystal due to its deprecation（从版本1.38开始），你可能会遇到一些化妆品错误。如果您的应用在较新版本上运行，请更好地使用sap_belize或sap_belize_plus。

以下UI5代码无法正常工作

2 个答案: