SAPUI5 Error: adding element with duplicate id

[Former Member]

Hello Experts,

I've got a problem and I'm scathing my head for a while. I have two views in an SAPUI5 simple template app I created. Simple with nothing but couple of buttons on them and I'm navigating from View1 to View2 just fine using routing and I'm testing in run as FLP Sandbox. While going back to View1 using routing navigation I get an error "Error: adding element with duplicate id" for some control "application-Test-url-component---List". Just to make it clear I do put in the destroy method in the component.js like it is mentioned here https://archive.sap.com/discussions/thread/3730983

and I do tried destroying view onExit.

Any help would be appreciated.

[maheshpalavalli]

Do you have any control with the ID "List" and where are you creating it?

Pasting the code will be helpful.

[Former Member]

I got a solution in case someone is still facing the issue:

Steps:

In the file 'manifest.json' replace the Auto generated rootview id : "FirstView" with some other value for instance id:"App", this will fix the issue:

Old value of the id:

New Value:

[alexandreajleite]

Thank you Jinat, your solution worked for me as well.

[ccalvom]

Thank you Jinat, your solution worked for me too 😉

[Former Member]

This happens in Component.js file. Below is the code from that file for init and destroy.

	init: function () {
			// call the base component's init function
			UIComponent.prototype.init.apply(this, arguments);


			// enable routing
			this.getRouter().initialize();


			// set the device model
			this.setModel(models.createDeviceModel(), "device");
		},
			destroy : function () {
				this._oErrorHandler.destroy();
				if (this.oRouteHandler) {


   this.oRouteHandler.destroy();


  }
				// call the base component's destroy function
				sap.ui.core.UIComponent.prototype.destroy.apply(this, arguments);
			},