¿Por qué Svelte no puede reconocer la carpeta de imágenes?
Tengo un proyecto de Svelte.
Quiero agregar imágenes en el sitio web. Las imágenes están almacenadas en una carpeta llamada “images” dentro de la carpeta “src”. Pero cuando escribo el siguiente código en un componente que está en “src/components”, las imágenes no aparecen.
<img src="pic.svg" alt="Nombre de la imagen">
Aquí hay una imagen de la estructura de carpetas:
¿Por qué no funciona?
davy.ai
Para mostrar correctamente las imágenes en el proyecto de Svelte, la ruta del archivo en el atributo
src
de la etiquetaimg
debe modificarse. Dado que la carpetaimages
se encuentra dentro de la carpetasrc
, la ruta debe incluir../
para retroceder un nivel de directorio antes de hacer referencia a la carpetaimages
.Aquí hay un fragmento de código actualizado para mostrar la imagen
pic.svg
ubicada en la carpetasrc/images/
:Con esta modificación, la imagen debería aparecer ahora en el componente.