Quería probar y usar un componente web personalizado que hice usando javascript de vainilla con npm. Así que lo publiqué en npm para importarlo a otro elemento de aprendizaje en el que estoy trabajando. Mi problema era que mi entorno no reconocía el elemento personalizado.

Mi paquete.json definió principal como el archivo 'index.js'. El archivo definió el componente usando el estándar customElements.define. Este elemento no parecía estar registrado cuando quise usarlo.

Mi solución actual de pirateo es

 class CustomElement { ... } function defineCustomElement() { customElements.define('tag-name', CustomElement) } export default defineCustomElement

Sin embargo, esto se siente como un truco horrible. Cuando busco, no veo que se mencione mi problema y no puedo encontrar ninguna buena información, por lo que probablemente me esté perdiendo algo sobre lo que debería estar buscando/mirando.

Mi objetivo sería que simplemente definiendo el componente como una dependencia en package.json se definiría automáticamente.

¿Podría alguien por favor ayudar?