Custom app not launching deploy WebIDE

Hi All,

    I have created a worklist app using the template in webIDE. Deployed the app and created a tile. The App does not launch and gives an error in the launchpad.

I was gone through lot of thread on the forums. How to get your SAP UI 5 apps to work like SAP Fiori Apps in SAP Fiori Launchpad

Re: Custom Fiori App not loading with custom theme

My Component.js looks as below.  Is there any issue in the code?

var sLevel;

sap.ui.define([

  "sap/ui/core/UIComponent",

  "sap/ui/Device",

  "test/model/models",

  "test/controller/ErrorHandler"

], function(UIComponent, Device, models, ErrorHandler) {

  "use strict";

  var sVar = null;

  var year;

  return UIComponent.extend("test.Component", {

  metadata: {

  manifest: "json"

  },

  /**

  * The component is initialized by UI5 automatically during the startup of the app and calls the init method once.

  * In this function, the FLP and device models are set and the router is initialized.

  * @public

  * @override

  */

  init: function() {

  // call the base component's init function

  UIComponent.prototype.init.apply(this, arguments);

  // initialize the error handler with the component

  this._oErrorHandler = new ErrorHandler(this);

  // set the device model

  this.setModel(models.createDeviceModel(), "device");

  // set the FLP model

  this.setModel(models.createFLPModel(), "FLP");

  // create the views based on the url/hash

  this.getRouter().initialize();

  },

  createContent: function() {

  this.view = new sap.ui.view({

  id: "app",

  viewName: "test.view.App",

  type: sap.ui.core.mvc.ViewType.XML,

  viewData: {

  component: this

  }

  });

  return this.view;

  },

  /**

  * The component is destroyed by UI5 automatically.

  * In this method, the ErrorHandler is destroyed.

  * @public

  * @override

  */

  destroy: function() {

  this._oErrorHandler.destroy();

  // call the base component's destroy function

  UIComponent.prototype.destroy.apply(this, arguments);

  },

  /**

  * This method can be called to determine whether the sapUiSizeCompact or sapUiSizeCozy

  * design mode class should be set, which influences the size appearance of some controls.

  * @public

  * @return {string} css class, either 'sapUiSizeCompact' or 'sapUiSizeCozy' - or an empty string if no css class should be set

  */

  getContentDensityClass: function() {

  if (this._sContentDensityClass === undefined) {

  // check whether FLP has already set the content density class; do nothing in this case

  if (jQuery(document.body).hasClass("sapUiSizeCozy") || jQuery(document.body).hasClass("sapUiSizeCompact")) {

  this._sContentDensityClass = "";

  } else if (!Device.support.touch) { // apply "compact" mode if touch is not supported

  this._sContentDensityClass = "sapUiSizeCompact";

  } else {

  // "cozy" in case of touch support; default for most sap.m controls, but needed for desktop-first controls like sap.ui.table.Table

  this._sContentDensityClass = "sapUiSizeCozy";

  }

  }

  return this._sContentDensityClass;

  }

  });

});

Thanks

Gopi