ERROR DOMException : Failed to execute 'define' on 'CustomElementRegisry' : the name “xyz” has already been used with this registry

问题

I have created two angular component with angular ~9.0.7 and I am using it to another angular application. if I use one component, everything work fine but if I use both angular component its giving error.

ERROR DOMException : Failed to execute 'define' on 'CustomElementRegisry' : the name "xyz" has already been used with this registry.

I tried below code but it's not working :

if (!customElements.get('the-element')) { customElements.define('the-element', HTMLTheElement); }

Please help.

来源：https://stackoverflow.com/questions/61364789/error-domexception-failed-to-execute-define-on-customelementregisry-the