Saltearse al contenido

Local images must be imported.

LocalImageUsedWrongly: El parámetro src de Image y getImage debe ser una imagen importada o una URL, no puede ser una cadena de caracteres con la ruta de archivo. Se recibió IMAGE_FILE_PATH.

¿Qué salió mal?

Sección titulada ¿Qué salió mal?

Cuando se utilizan los servicios de imagen predeterminados, el parámetro src de Image y getImage debe ser una imagen importada o una URL, no puede ser una cadena de caracteres con una ruta de archivo.

Para imágenes locales de colecciones de contenido, puedes usar el helper de esquema image() para resolver las imágenes.

---
import { Image } from "astro:assets";
import myImage from "../my_image.png";
---


<!-- BIEN: `src` es la imagen completa importada. -->
<Image src={myImage} alt="Imagen genial" />


<!-- BIEN: `src` es una URL. -->
<Image src="https://example.com/my_image.png" alt="Imagen genial" />


<!-- MAL: `src` es la ruta `src` de la imagen en lugar de la imagen completa. -->
<Image src={myImage.src} alt="Imagen genial" />


<!-- MAL: `src` es una cadena de caracteres con una ruta de archivo. -->
<Image src="../my_image.png" alt="Imagen genial" />

Ver también: