Aller au contenu

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 ne va pas ?

Titre de la section Qu’est-ce qui ne va pas ?

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 chemin de fichier.

Pour les images locales des collections de contenu, vous pouvez utiliser l’aide image() schema helper pour résoudre les images.

---
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" />

Voir aussi :