组件获取错误this.getView不是一个函数

debugcn 发表于 Dev

阿德南

我正在阅读sapui5演练教程，并设法到达第9步，它教您如何在应用程序中使用Component.js文件。

现在，在使用Component.js之前，应用程序中的所有内容都可以正常工作。但是，一旦我尝试使用组件，就会出现此错误：

Uncaught TypeError: this.getView is not a function

请参考UIComponent.js第6行。即使我的组件文件仅称为Component.js。我也得到：

GET http://localhost:58736/InvoicesApp/invoicesapp/Component-preload.js 404 (Not Found)

但是我不确定他们是否有关系

这是我的index.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

        <script src="resources/sap-ui-core.js"
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m"
                data-sap-ui-theme="sap_bluecrystal"
                data-sap-ui-bindingSyntax="complex"
                data-sap-ui-compatVersion="edge"
                data-sap-ui-preload="async"
                >
        </script>
        <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

        <script>
                sap.ui.localResources("invoicesapp");
                sap.ui.getCore().attachInit(function () {
                     new sap.ui.core.ComponentContainer({
                           name : "invoicesapp"
                        }).placeAt("content");

                 });
        </script>

    </head>
    <body class="sapUiBody" id="content"/>
</html>

我的Component.js

sap.ui.define([
   "sap/ui/core/UIComponent",
   "sap/ui/model/json/JSONModel",
   "sap/ui/model/resource/ResourceModel"
], function (UIComponent,  JSONModel, ResourceModel) {
   "use strict";
   return UIComponent.extend("invoicesapp.Component", {
       metadata: {
           rootView:"invoicesapp.view.App"
       },

      init : function () {
         // call the init function of the parent
         UIComponent.prototype.init.apply(this, arguments);
         
      // set data model on view
         var oData = {
            recipient : {
               name : "World"
            }
         };
         var oModel = new JSONModel(oData);
         this.getView().setModel(oModel);
     // set i18n model on view
         var i18nModel = new ResourceModel({
            bundleName: "invoicesapp.i18n.i18n"
         });
         this.getView().setModel(i18nModel, "i18n");
    }
   });
});

我的控制器

sap.ui.define([
   "sap/ui/core/mvc/Controller",
   "sap/m/MessageToast",
   "sap/ui/model/json/JSONModel",
   "sap/ui/model/resource/ResourceModel"
], function (Controller, MessageToast, JSONModel, ResourceModel) {
   "use strict";
   return Controller.extend("invoicesapp.controller.App", {
    
      onShowHello : function () {
          
         // read msg from i18n model
         var oBundle = this.getView().getModel("i18n").getResourceBundle();
         var sRecipient = this.getView().getModel().getProperty("/recipient/name");
         var sMsg = oBundle.getText("helloMsg", [sRecipient]);
         // show message
         MessageToast.show(sMsg);
      }
   });
});

纳比

在该组件中，您无法调用this.getView（），因为没有getView（），这是位于https://openui5beta.hana.ondemand.com/#docs/api/symbols/sap.ui.core的api文档。 Component.html

而是直接在组件本身上设置模型。换句话说，只要打电话