es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

No se puede cargar Img/svg en mi proyecto angular.

Acabo de comenzar un nuevo proyecto y ya tengo una carpeta con imágenes adentro. Moví la carpeta a mi proyecto y ahora la carpeta está dentro de la carpeta src (proyecto/src/imagenes). Ahora, en mi archivo app.component.html estoy usando:

El archivo logo.svg se encuentra en la carpeta compartida que está dentro de la carpeta de imágenes (proyecto/src/imagenes/compartida/logo.svg). Usé “../” al principio para retroceder una carpeta desde la carpeta de la aplicación donde se encuentra app.component.html.

De todas maneras, cuando cargo la página con npm start, no se carga la foto / imagen / ícono … Además, en la consola dice:

logo.svg:1 GET http://localhost:4200/images/shared/logo.svg 404 (Not Found)

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que estás intentando acceder al archivo logo.svg desde el archivo app.component.html, pero el archivo no se encuentra en el mismo directorio que el archivo app.component.html. Necesitas utilizar ../ para retroceder un directorio, por lo que la ruta debería ser ../images/shared/logo.svg. Esto debería permitirte acceder al archivo logo.svg.

Comments are closed.