Creating node_module inside paper-dropdown-menu package when installing polymer

[praveenkumar-r]

node_module is getting added in paper-dropdown-menu when installing polymer. Because of that while running the application getting the below error Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': : the name "dom-module" has already been used with this registry Since dom-module is already defined in polymer node_module having the same again in "paper-dropdown-menu node_module" produces the above mentioned issue. Everything is working fine when we install 3.0.1

[DrNiels]

Same issue here. Has there been any progress on this?

[dman777]

I am hitting this also

[e111077]

Heya, TAL with Russell on the issue. Would it be possible to give us the output of your npm ls @polymer/polymer?

[dman777]

Here is npm ls @polymer/polymer with paper-dropdown-menu 3.0.1

% npm ls @polymer/polymer
polymer-starter-kit@4.0.0 /home/two/gitlab/front-end-dolphin-p3
+-- @polymer/app-layout@3.1.0
| +-- @polymer/iron-resizable-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-scroll-target-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/app-route@3.0.2 (github:PolymerElements/app-route#1a2085064698aacd8016fc97669bcb7b894e5351)
| +-- @polymer/iron-location@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/gold-phone-input@3.0.1
| +-- @polymer/iron-form-element-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-input@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-styles@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-behaviors@3.0.1
| +-- @polymer/iron-a11y-keys-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-flex-layout@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-form@3.0.1
| +-- @polymer/iron-ajax@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-icon@3.0.1
| +-- @polymer/iron-meta@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-icons@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-iconset-svg@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-image@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-list@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-localstorage@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-media-query@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-pages@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-selector@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-button@3.0.1
| +-- @polymer/paper-behaviors@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-card@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-checkbox@3.1.0
| +-- @polymer/iron-checked-element-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-ripple@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-dropdown-menu@3.0.1
| +-- @polymer/iron-validatable-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-menu-button@3.0.1
| | +-- @polymer/iron-dropdown@3.0.1
| | | `-- @polymer/polymer@3.3.0  deduped
| | +-- @polymer/neon-animation@3.0.1
| | | `-- @polymer/polymer@3.3.0  deduped
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-icon-button@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-input@3.0.2
| +-- @polymer/iron-autogrow-textarea@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-item@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-listbox@3.0.1
| +-- @polymer/iron-menu-behavior@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-radio-button@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-radio-group@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-tabs@3.1.0
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-toast@3.0.1
| +-- @polymer/iron-a11y-announcer@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-fit-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-overlay-behavior@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/polymer@3.3.0 
`-- wct-browser-legacy@1.0.2
  `-- @polymer/polymer@3.3.0  deduped

I don't know if it matters, but here is npm ls @polymer/polymer with paper-dropdown-menu 3.1.0(with a complete reinstall of the whole node_modules)

polymer-starter-kit@4.0.0 /home/two/gitlab/front-end-dolphin-p3
+-- @polymer/app-layout@3.1.0
| +-- @polymer/iron-resizable-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-scroll-target-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/app-route@3.0.2 (github:PolymerElements/app-route#1a2085064698aacd8016fc97669bcb7b894e5351)
| +-- @polymer/iron-location@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/gold-phone-input@3.0.1
| +-- @polymer/iron-form-element-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-input@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-styles@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-behaviors@3.0.1
| +-- @polymer/iron-a11y-keys-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-flex-layout@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-form@3.0.1
| +-- @polymer/iron-ajax@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-icon@3.0.1
| +-- @polymer/iron-meta@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-icons@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-iconset-svg@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-image@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-list@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-localstorage@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-media-query@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-pages@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/iron-selector@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-button@3.0.1
| +-- @polymer/paper-behaviors@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-card@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-checkbox@3.1.0
| +-- @polymer/iron-checked-element-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-ripple@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-dropdown-menu@3.1.0
| +-- @polymer/iron-validatable-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/paper-input@3.2.1
| | `-- @polymer/polymer@3.4.1  deduped
| +-- @polymer/paper-menu-button@3.0.1
| | +-- @polymer/iron-dropdown@3.0.1
| | | `-- @polymer/polymer@3.3.0  deduped
| | +-- @polymer/neon-animation@3.0.1
| | | `-- @polymer/polymer@3.3.0  deduped
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.4.1 
+-- @polymer/paper-icon-button@3.0.2
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-input@3.0.2
| +-- @polymer/iron-autogrow-textarea@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-item@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-listbox@3.0.1
| +-- @polymer/iron-menu-behavior@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-radio-button@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-radio-group@3.0.1
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-tabs@3.1.0
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/paper-toast@3.0.1
| +-- @polymer/iron-a11y-announcer@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-fit-behavior@3.0.1
| | `-- @polymer/polymer@3.3.0  deduped
| +-- @polymer/iron-overlay-behavior@3.0.2
| | `-- @polymer/polymer@3.3.0  deduped
| `-- @polymer/polymer@3.3.0  deduped
+-- @polymer/polymer@3.3.0 
`-- wct-browser-legacy@1.0.2
  `-- @polymer/polymer@3.3.0  deduped

[e111077]

odd, this package seems to be pulling in 3.4.1 while eveything else is pulling in 3.3.0 despite them all being at least ^3.x.y. Can you blow away both your node_modules and your package-lock.json and reinstall?

If not, i fear it may be ours

[bicknellr]

Is your main project specifically pinned @polymer/polymer to 3.3.0? Since @polymer/paper-dropdown-menu@3.1.0 requires @polymer/polymer@^3.3.1, if your main project is locked to 3.3.0 and you try to use @polymer/paper-dropdown-menu@3.1.0, npm will install a different, nested version of Polymer inside paper-dropdown-menu that's compatible with it (the latest of which is 3.4.1).

[bicknellr]

Oh, just noticed your main project is forking from polymer-starter-kit@4.0.0, which depends on @polymer/polymer@^3.0.0. Assuming you haven't changed that dependency version, I think @e111077's suggestion is probably going to resolve this.

[dman777]

It was at "@polymer/polymer": "^3.2.0"... I changed it to "@polymer/polymer": "^3.3.1" and that fixed the issue.

Thank you!!! Sorry about the trouble

[e111077]

I'm thinking this is likely the same issue with original author. If this does not resolve your situation, please comment to reopen this issue