Question Re: SAPUI5 Error: adding element with duplicate id in Technology Q&A

SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 15:22:51 GMT

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.

Re: SAPUI5 Error: adding element with duplicate id

maheshpalavalli — Tue, 26 Feb 2019 15:52:57 GMT

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

Pasting the code will be helpful.

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 15:57:49 GMT

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();
		}
	});
});

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 16:01:06 GMT

Also this is my Simple XML View.

<mvc:View xmlns:mvc="sap.ui.core.mvc" 
xmlns:core="sap.ui.core" 
xmlns:layout="sap.ui.layout" 
xmlns="sap.m" xmlns:f="sap.f" 
xmlns:fb="sap.ui.comp.filterbar"
xmlns:vm="sap.ui.comp.variants"
controllerName="olin.shipment.OLIN_SHIPMENT_OUTPUT.controller.List" height="100%">


		<App id="app">
			<pages>
				<Page id="page" title="{i18n>title}">
					
					<content>
					
				<OverflowToolbar>
					<ToolbarSpacer/>
					<Button type="Accept" text="Accept" press="onNavigate"/>
					<Button type="Reject" text="Reject"/>
				</OverflowToolbar>
			
	
					</content>
				</Page>
			</pages>
		</App>


</mvc:View>

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 16:02:49 GMT

I would appreciate if you can shed some light. It is getting a bit a frustrating 🙂

Re: SAPUI5 Error: adding element with duplicate id

former_member221786 — Tue, 26 Feb 2019 16:15:04 GMT

It seems like there are still some artefacts left from your old view when the Router tries to instantiate a new one.

Why do you want to destroy your view? Doesn't make any sense to me.

You should try to implement your requirements without destroying your view.

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 16:20:27 GMT

@Sebastian Kielhorn - I agree I do not want to and if you see I have it commented it out. It is there just beacuse I tried it and it is still not working. Desperation makes you do crazy things :). Any suggestions?

Re: SAPUI5 Error: adding element with duplicate id

former_member221786 — Tue, 26 Feb 2019 16:42:44 GMT

Ok sounds good so far 🙂

How do you go back to your original view?
Do you do something like window.history.go(-1); or do you navigate forward?

Also where does the following code happen in your application?

this.getRouter().initialize();

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 17:00:10 GMT

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);
			},

Re: SAPUI5 Error: adding element with duplicate id

carlos_venturo — Tue, 26 Feb 2019 17:00:24 GMT

can you share your neo app file?

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 17:03:38 GMT

and I'm basically navigating forward. like you do for any other view.Below is my method that is calling routing.

onNavigate: function (oEvent) {
				//This code was generated by the layout editor.
				var oRouter = this.getOwnerComponent().getRouter();
				oRouter.navTo("List", {
					objectId: "test",
					abc: "123"
				});
			}

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 17:07:10 GMT

carlos.venturo3 here is my neu.app.json file below.

{
  "welcomeFile": "/webapp/index.html",
  "routes": [
    {
      "path": "/resources",
      "target": {
        "type": "service",
        "name": "sapui5",
        "entryPath": "/resources"
      },
      "description": "SAPUI5 Resources"
    },
    {
      "path": "/test-resources",
      "target": {
        "type": "service",
        "name": "sapui5",
        "entryPath": "/test-resources"
      },
      "description": "SAPUI5 Test Resources"
    }
  ],
  "sendWelcomeFileRedirect": true
}

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 17:34:53 GMT

Just to emphasize I'm using SAPUI5 template for my template so unless I made a mistake somewhere in the few things I have added I think structure should be be fine for the app. thoughts?

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 18:25:42 GMT

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;

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 19:19:56 GMT

Guess what. I created a new app using SAPUI5 Template in WebIDE. Created a View a new View2 and did simple navigation from view1 to view2 works like a charm and soon as I did navigation back got the same error. Why? Anyone? Here is the error below..Is there a way I can kill/destroy view1?

Error: adding element with duplicate id 'application-Test-url-component---View1'

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Tue, 26 Feb 2019 19:31:45 GMT

I'm seriously using nothing but template and two buttons to navigate. What could possibly go wrong?

Re: SAPUI5 Error: adding element with duplicate id

allan_christensen3 — Thu, 16 May 2019 08:13:38 GMT

HI - having the same issue. Gonna try and "down" the version to see if that helps!

Anyone found a solution?

/Allan

Re: SAPUI5 Error: adding element with duplicate id

allan_christensen3 — Thu, 16 May 2019 08:13:39 GMT

HI - having the same issue. Gonna try and "down" the version to see if that helps!

Anyone found a solution?

/Allan

Re: SAPUI5 Error: adding element with duplicate id

former_member612786 — Wed, 12 Jun 2019 11:15:24 GMT

I am also facing same issue. Did anyone get solution?

Re: SAPUI5 Error: adding element with duplicate id

Former Member — Thu, 13 Jun 2019 13:49:31 GMT

No Ankit, Noone is given an answer yet. But I've found how you can fix it. Actually, I compared this to other standard Fiori templates and seems like they use a dummy app view and this SAPUI5 template doesn't and that app view acts as a container.