Estoy importando un archivo que se llama torta.svg como si fuera un componente de React, a través de SVGR. Dice: InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('http://127.0.0.1:5173/resources/images/torta.svg') is not a valid name. Este es un error muy común cuando se usa SVGR y Vite, ¡pero es fácil de solucionar! El mensaje de error indica que React está intentando usar una cadena de texto que contiene la ruta de tu archivo SVG ( http://127.0.0.1:5173/.../torta.svg ) como si fuera el nombre de un componente JSX. Esto sucede porque Vite y SVGR exponen el SVG de dos maneras distintas, y probablemente estás usando la exportación por defecto , que es la URL del archivo, en lugar de la exportación nombrada , que es el componente React en sí. La Solución: Usar la Exportación Nombrada ( ReactComponent ) Cuando instalaste vite-plugin-svgr , este configuró la importación para darte dos cosas: Exportación por defecto: ...
Ideas y proyectos de informática.