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]

Make the following changes to the code and it will work like a charm.

changes to View1 which is Home.controller.js in the following screen-shot

capture.jpg

Changes to View3 which is List.controller.js in following screen-shot

capture.jpg