Sapui5 显示没有图像的蓝色屏幕_Sapui5_Carousel

Sapui5 显示没有图像的蓝色屏幕

sapui5

Sapui5 显示没有图像的蓝色屏幕,sapui5,carousel,Sapui5,Carousel,以下代码不适用于我的SAP WebIDE。当运行 index .html >代码>时显示空白页。代码 index.html <!DOCTYPE html >  <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <m

以下代码不适用于我的SAP WebIDE。当运行<代码> index .html >代码>时显示空白页。代码

index.html

<!DOCTYPE html >
  <!--Use the xml view from folder view -->
  <html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta charset="UTF-8">
        <title>OpenSAP - Developing Web Apps with SAPUI5</title>

        <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>
        sap.ui.getCore().attachInit(function () {
            sap.ui.xmlview({
                viewName: "opensap.myapp.week1u21.view.App"
            }).placeAt("content");
        });
    </script>
   </head>
   <body class="sapUiBody" id="content"></body>
</html>


OpenSAP-使用SAPUI5开发Web应用程序
sap.ui.getCore（）.attachInit（函数（）{
sap.ui.xmlview({
viewName:“opensap.myapp.week1u21.view.App”
}).placeAt（“内容”）；
});

App.view.xml

<mvc:View
  displayBlock="true"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m">
  <Carousel>
    <Pages>
      <Image src="https://upload.wikimedia.org/wikipedia/commons/0/0e/GEO_Globe_10.jpg" 
    height="400px"/>
      <Image src="https://upload.wikimedia.org/wikipedia/commons/b/b1/Globe_Atlantic.svg" 
    height="400px"/>
    </Pages>
</Carousel>

SAP WebIDE中的我的文件夹路径如下所示。请查看下面的屏幕链接

请帮我找出问题。

希望这能对您有所帮助，

Carousel

控件的聚合是

pages

<Carousel class="sapUiContentPadding" loop="true">
    <pages> <!-- this should in small letters -->
        <Image src="https://upload.wikimedia.org/wikipedia/commons/0/0e/GEO_Globe_10.jpg" height="400px"/> 
        <Image src="https://upload.wikimedia.org/wikipedia/commons/b/b1/Globe_Atlantic.svg" height="400px"/>        
    </pages>
</Carousel>

注意：请参阅浏览器控制台了解JavaScript错误