Estoy tratando de construir un renderizador personalizado usando Vue 3 y Vite. El renderizador funciona en su repositorio original (clonar ese repositorio, npm install y npm run dev ), pero falla cuando publico ese renderizador y lo instalo en otro proyecto.
Para recrear, ya sea:
mvp-renderer e importe { createApp } desde mvp-renderer en lugar de vue . El renderizador personalizado en funcionamiento agrega la clase custom-renderer a cada elemento DOM; en la versión rota, nada se procesa en el DOM y veo el siguiente error cuando se llama a la función de mount :
[Vue warn]: resolveComponent can only be used in render() or setup().¿Alguna idea sobre cómo solucionarlo?
Gracias a la sugerencia de Ferry Kranenburg, pude encontrar la solución para esto: parece que el problema fue que Vite agregó alguna funcionalidad adicional.
Agregué un nuevo comando build:renderer al renderizador y funciona correctamente cuando lo instalo desde NPM ahora. Ese comando simplemente ejecuta una compilación Typescript normal en lugar de realizar el proceso de compilación completo de Vite.
Para verlo en acción, puede clonar la implementación desde arriba, ejecutar npm install mvp-renderer@latest y ejecutar npm run dev ver cómo funciona sin errores.
Parece que la creación de prototipos de un renderizador en Vite funciona bien, pero si desea agruparlo para la producción, deberá compilar el renderizador por sí solo. ¡Gracias de nuevo Ferri!