DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "ninja-header" has already been used with this registry

[rubjo]

Hi,

I'm trying to use ninja-keys in a project with latest ninja-keys 1.2.1, latest Vue 3.2.33 and Vite 2.9.6 (using <script setup>).

While running the dev server, I get the warning "reactive-element.ts:66 Multiple versions of Lit loaded. Loading multiple versions is not recommended. See https://lit.dev/msg/multiple-versions for more information." Which might not be a big deal.

...but deployed / in production mode, I'm getting "DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "ninja-header" has already been used with this registry".

Any ideas at all what could be happening here? Are you able to set up ninja-keys using Vue/Vite/<script setup> without errors?

[wobsoriano]

Only getting your error on dev with pnpm workspaces. But seem to work well on prod

Interesting issues

vitejs/vite#7323
vitejs/vite#7379