Extended Fiori Myinbox App not work on portal but work on fiorilaunchpad

i extended myinbox fiori app (S3Custom.controller.js) and when display it on portal it was appeared as below although it worked fine on fiorilaunchpad

when itried to debug the S3Custom.controller.js it wasnot stop there ,it was go to in the extendedcomponent but not to S3customcontroller

the extention component code

jQuery.sap.declare("cross.fnd.fiori.inbox.ZCA_F_INBOXExtension.Component");

// use the load function for getting the optimized preload file if present
sap.ui.component.load({
   name: "cross.fnd.fiori.inbox",

   // Use the below URL to run the extended application when SAP-delivered application is deployed on SAPUI5 ABAP Repository
   url: "/sap/bc/ui5_ui5/sap/CA_FIORI_INBOX"

   // we use a URL relative to our own component
   // extension application is deployed with customer namespace
});

this.cross.fnd.fiori.inbox.Component.extend("cross.fnd.fiori.inbox.ZCA_F_INBOXExtension.Component", {
   metadata: {
     version: "1.0",

     config: {
         
       "sap.ca.i18Nconfigs": {
         "bundleName": "cross.fnd.fiori.inbox.ZCA_F_INBOXExtension.i18n.i18n"
       }
     },

     customizing: {
       "sap.ui.controllerExtensions": {
         "cross.fnd.fiori.inbox.view.S3": {
           controllerName: "cross.fnd.fiori.inbox.ZCA_F_INBOXExtension.view.S3Custom"
         }
       }
     }
   }
});