Así que tengo una carpeta de activos en src. Esto contiene un SVG de mi logo.
Lo importo en un componente usando:
import Logo from '/src/assets/logo.svg';Este es 100% el camino correcto, y al ejecutar el servidor de desarrollo de ejecución npm local, el SVG se carga bien. Ahora, cuando presiono los cambios en el repositorio, para que Netlify construya el sitio, aparece un error:
4:02:22 PM: failed Building production JavaScript and CSS bundles - 25.063s 4:02:22 PM: error Generating JavaScript bundles failed 4:02:22 PM: Can't resolve '../assets/logo.svg' in '/opt/build/repo/src/components' 4:02:22 PM: If you're trying to use a package make sure that '../assets/logo.svg' is installed. If you're trying to use a local file make sure that the path is correct.No estoy tratando de usarlo como un componente (SI ES POSIBLE), simplemente coloque un img src como SVG. Sin embargo, como puede ver, falla en el proceso de construcción. ¿Alguien puede ayudar?
No has proporcionado el código que falla. ¿ gatsby-image para eso o solo la etiqueta HTML img ?
Si es una etiqueta HTML, puede probarla con una etiqueta de objeto. Aquí hay una respuesta sobre qué usar con archivos SVG en Stack Oveflow y un uso básico de la etiqueta de objeto.