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]

I debugged and found on routing to "List" (view1) system is trying to create the view again in the code below. Any idea how can i prevent that or what I'm doing wrong?

var sViewClass = getViewClassName(oView);
		view = createView(sViewClass, oView); // this is where the error occurs as view exists already 
		return view;

[andrzej_koeller]

export your project to git and provide the link.

there is not enough information on why this is happening. Standard template have never gave me any issues.