Skip to Content

SAPUI5 Application not working on Internet Explorer 11 after Library upgrade from 1.28 to 1.38.20

Hi All,

My Custom SAPUI5 Application is not loading in IE 11(Portal) after sapui5 library upgrade from 1.28 to 1.38.20, whereas it loads without any error in Chrome, Mozilla Firefox.

PFB the IE console error.

ie-console.png

PFB my custom app structure.

proj-structure.png

As seen from the project structure,it does not consist of Component-preload.js file.

I am not able to figure out SCRIPT1689 error in UIComponent.js.

PFB my index.html file code.

 <!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

        <meta name="viewport" content="width=device-width">

        <title>BCA</title>

        <script

            id="sap-ui-bootstrap"

            src="resources/sap-ui-core.js"

             data-sap-ui-theme="sap_bluecrystal"

            data-sap-ui-libs="sap.m, sap.ui.table"     

            data-sap-ui-xx-bindingSyntax="complex"

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

        </script>


        <script>
            var oComponent = sap.ui.getCore().createComponent({

                name : "qap_Benefit_Claim_Adv",

                id : "qap_Benefit_Claim_AdvComponent"

            });

            var oCompContainer = new sap.ui.core.ComponentContainer(

                    "qap_Benefit_Claim_AdvContainer", {

                        component : oComponent

                    }).placeAt("sapUI5content");
        </script>

    </head>

    <body class="sapUiBody" role="application" >

        <div id="sapUI5content"></div>

    </body>
</html>

PFB my Component.js file.

jQuery.sap.declare("qap_Benefit_Claim_Adv.Component");

sap.ui.core.UIComponent.extend("qap_Benefit_Claim_Adv.Component", {

metadata: {
    version: "1.0",
    library: "qap_Benefit_Claim_Adv",
    autoDestroy: false,
    initOnBeforeRender: true,
    includes: ["css/custom.css", "model/LocalData.json", "util/PersistenceHelper.js", "util/RegUtil.js"],
    aggregations: {
        rootControl: {
            type: "sap.ui.core.Control",
            multiple: false,
            visibility: "hidden"
        }
    },
    config: {
        resourceBundle: "i18n/messageBundle.properties",
        serviceConfig: {
        }
    }
},

createContent: function() {
    var mConfig = this.getMetadata().getConfig();
    var oView = sap.ui.view({
        id: 'Root',
        viewName: "qap_Benefit_Claim_Adv.view.App",
        type: sap.ui.core.mvc.ViewType.JS,
        viewData: {
            component: this
        }
    });

    //-------------------i18n--------------------------------------------

    var rootPath = jQuery.sap.getModulePath("qap_Benefit_Claim_Adv");

    var i18nModel = new sap.ui.model.resource.ResourceModel({

        bundleUrl: [rootPath, mConfig.resourceBundle].join("/")
    });

    this.setModel(i18nModel, "i18n");
    sap.ui.getCore().setModel(i18nModel, "i18n");
    //-----------------------------------------------------------------
    var deviceModel = new sap.ui.model.json.JSONModel({
        isTouch: sap.ui.Device.support.touch,
        isNoTouch: !sap.ui.Device.support.touch,
        isPhone: sap.ui.Device.system.phone,
        isNoPhone: !sap.ui.Device.system.phone,
        listMode: sap.ui.Device.system.phone ? "None" : "SingleSelectMaster",
        listItemType: sap.ui.Device.system.phone ? "Active" : "Inactive"
    });
    deviceModel.setDefaultBindingMode("OneWay");
    this.setModel(deviceModel, "device");
    return oView;
} });

Thanks in Advance.

Regards,

Rehan Sayed

ie-console.png (53.8 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Jan 21 at 07:55 AM

    Hi,

    Please share code of Component.js file.

    Add comment
    10|10000 characters needed characters exceeded