Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry' (Polymer 2.0)

polymer web-component polymer-2.x custom-element
navnit kapadiya picture navnit kapadiya · Jun 10, 2017 · Viewed 10.8k times · Source

I'm facing this issue while running polymer init on polymer-cli.

Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry'

Answer

Furqan Rahamath picture Furqan Rahamath · Feb 9, 2018

Possible reasons:
- Element name starts with uppercase alphabet
- Element name does not have a hyphen in it (Thanks to Margherita Lazzarini)

Long story:
I was working with polymer CLI and when I ran polymer init, among the series of options it asks me, one of them was Main element name for which I entered Polymer-test-element.

It was giving me this error : Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': "Polymer-test-element" is not a valid custom element name

The problem was I had used an uppercase alphabet in the declared element name. So when I replaced 'P' with 'p' it resolved the issue.

Hope this helps you :)

Related questions

What do /deep/ and ::shadow mean in a CSS selector?

In looking at Polymer, I see the following CSS selector in the Styles tab of Chrome 37's developer tools: I've also seen a selector with pseudo selector ::shadow. So, what do /deep/ and ::shadow in a CSS selector mean?

Read More
Polymer and WebComponentsReady event

According to the Polymer docs, the WebComponentsReady event is necessary because... The polyfills parse element definitions and handle their upgrade asynchronously. If you prematurely fetch the element from the DOM before it has a chance to upgrade, you’ll be …

Read More
Which Polymer Datepicker

I don't see an official Polymer Datepicker component. A quick web search yields the following third party components. One of the below thread has some interesting tidbits. Can we expect an official one in the coming weeks? Polymer Date Picker …

Read More