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]

Thanks for the reply Mahesh, My View Name is List and I'm thinking it is just trying to instantiate it again. Below is my List.controller.js

 sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {
	"use strict";
	return Controller.extend("olin.shipment.OLIN_SHIPMENT_OUTPUT.controller.List", {
		onInit: function () {},
				onExit: function() {
				var oView	= this.getView();
			//this.getView().destroy();
				},
		/**
		 *@memberOf olin.shipment.OLIN_SHIPMENT_OUTPUT.controller.List
		 */
		onNavigate: function (oEvent) {
			//This code was generated by the layout editor.
			var oRouter = this.getOwnerComponent().getRouter();
			oRouter.navTo("Output", {
				objectId: "test"
			});
			//	this.getView().destroy();
		}
	});
});