Las imágenes locales deben ser importadas.

LocalImageUsedWrongly: El parámetro src de Image y de getImage debe ser una imagen importada o una URL; no puede ser una cadena con la ruta de un archivo. Recibido IMAGE_FILE_PATH.

¿Qué salió mal?

Al usar los servicios de imágenes por defecto, el parámetro src de Image y de getImage debe ser una imagen importada o una URL; no puede ser una cadena con la ruta de un 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";
---

<!-- GOOD: `src` is the full imported image. -->
<Image src={myImage} alt="Cool image" />

<!-- GOOD: `src` is a URL. -->
<Image src="https://example.com/my_image.png" alt="Cool image" />

<!-- BAD: `src` is an image's `src` path instead of the full image object. -->
<Image src={myImage.src} alt="Cool image" />

<!-- BAD: `src` is a string filepath. -->
<Image src="../my_image.png" alt="Cool image" />

See Also:

• Imágenes