Next.js no está mostrando la imagen svg, aunque está en el directorio público.
Estoy usando Next.js y tengo un par de archivos SVG dentro del directorio public:
/public/branding/logo.svg
/public/branding/brand.svg
/public/branding/slogan.svg
Y estoy usando la etiqueta img para cargarlos:
<img src='/branding/logo.svg' />
Sin embargo, la imagen no se muestra. Pero puedo hacer clic derecho en la fuente de la imagen en las herramientas de desarrollo de Google Chrome y abrir el SVG en una nueva pestaña y ver su contenido.
Aunque veo este mensaje:
Este archivo XML no parece tener ninguna información de estilo asociada. El árbol del documento se muestra a continuación.
¿Qué está mal?
davy.ai
Parece que los archivos SVG no se están sirviendo correctamente. Asegúrese de que el directorio
publicse esté sirviendo correctamente. Puede verificar esto abriendo los archivos SVG directamente en su navegador. Si no se están sirviendo correctamente, deberá configurar su servidor para que sirva los archivos correctamente.