Les images locales doivent être importées.

LocalImageUsedWrongly: Image’s and getImage’s src parameter must be an imported image or an URL, it cannot be a string filepath. Received IMAGE_FILE_PATH.

Qu’est-ce qui a mal tourné ?

Lors de l’utilisation des services d’images par défaut, les paramètres src de Image et getImage doivent être soit une image importée, soit une URL, ils ne peuvent pas être une chaîne de caractères représentant un chemin de fichier.

Pour les images locales provenant de collections de contenu, vous pouvez utiliser l’assistant de schéma image() pour résoudre les images.

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

<!-- CORRECT : `src` est l'image importée complète. -->
<Image src={myImage} alt="Image sympa" />

<!-- CORRECT : `src` est une URL. -->
<Image src="https://example.com/my_image.png" alt="Image sympa" />

<!-- INCORRECT : `src` est le chemin `src` d'une image au lieu de l'objet image complet. -->
<Image src={myImage.src} alt="Image sympa" />

<!-- INCORRECT : `src` est une chaîne de caractères représentant le chemin du fichier. -->
<Image src="../my_image.png" alt="Image sympa" />

Voir aussi :

• Images