Uncaught TypeError: Cannot read property 'initialize' of undefined

Question

Currently I am working on an Upgradation project; I am facing the Below Exception when I instantiate the Custom Router Class from the Component.js; the Application specific configurations are configured in separate manifest.json file. The issue is that I couldn't able to read the manifest.json configs from Component.js.

I have created SAP Ui5 applications from Scratch in which I have implemented thru SAP's Best Methodologies and they were all working perfectly, I have even cross checked the Manifest files of a working Ui5 Application, Everything is perfect, but still I am unable to spot the issue and I am getting the below Exception.

Exception/Error:

UIComponent.js:6 Uncaught TypeError: Cannot read property 'initialize' of undefined
    at f.init (Component.js:21)
    at f.constructor (sap-ui-core.js:135)
    at f.constructor (sap-ui-core.js:141)
    at f.constructor (UIComponent.js:6)
    at new f (sap-ui-core.js:135)
    at Object.sap.ui.component (sap-ui-core.js:141)
    at F.a.onBeforeRendering (ComponentContainer.js:6)
    at F.a._callEventHandles (sap-ui-core.js:147)
    at F.a._handleEvent (sap-ui-core.js:147)
    at t (sap-ui-core.js:147)

Component.js [Please note: Below I have shared only init method ]

sap.ui.define([
    "sap/ui/core/UIComponent",
    "xxxx/app/xxxxx/MyRouter"
], function (UIComponent , MyRouter ) {

    return  UIComponent.extend("xxxx.app.xxxxxx.Component", {

        metadata: {
            manifest: "json"
        },

    init : function() {
        debugger; // IMDK901184 
        UIComponent.prototype.init.apply(this, arguments);

        // I am getting the exception once the below line is executed.
        this.getRouter().initialize();  

    }
}
    });
});

manifest.json

{
    "_version": "1.12.0",
    "sap.app": {
        "id": "xxxxx.app.xxxxx",
        "type": "application",
        "i18n": "i18n/messageBundle.properties",
        "title": "xxxx",
        "description": "xxxx",
        "applicationVersion": {
            "version": "1.0.0"
        },
        "dataSources": {
            "mainService": {
                "uri": "xxxx.app.xxxxxx.AppScripts.config.baseURL",
                "type": "OData",
                "settings": {
                    "odataVersion": "2.0"
                }
            }
        }
    },
        "sap.ui": {
            "technology": "UI5",
            "deviceTypes": {
                "desktop": true,
                "tablet": true,
                "phone": true
            },
            "supportedThemes": [
                "sap_bluecrystal"
                ]
        },
        "sap.ui5": {

            "rootView": {
                  "viewName": "xxxxx.app.xxxxxx.POSView.App",
                  "type": "XML",
                  "async": true,
                  "id": "idAppControl"
              } ,
             "dependencies": {
                "minUI5Version": "1.30",
                "libs": {
                    "sap.m": {} ,
                    "sap.ui.core": {},
                    "sap.ui.layout": {}
                }
            },
            "models": {
                "i18n": {
                    "type": "sap.ui.model.resource.ResourceModel",
                    "settings": {
                        "bundleName": "xxxx.app.xxxxxx.i18n.messageBundle"
                    }
                },
                "oMainModel": {
                    "dataSource": "mainService",
                    "settings": {
                        "useBatch": false
                    }
                }
            } ,

            "routing" : {
                "config" : {
                "routerClass" : "xxxxxx.app.xxxxxx.MyRouter", 
                "viewType" : "XML",
                "viewPath" : "xxxxxx.app.xxxxxx.POSView",
                "controlId": "idAppControl",
                "targetAggregation" : "detailPages",
                "clearTarget" : "false"
            } ,

            "routes" : [
                {

                ]
        }
    }

}   

Answer 1

I guess 'coz of the current installed SAP Ui5 Version is 1.26 and so the new type of declaring Manifest.json doesn't support here.

Refactored back to the Metadata section in component.js