Пропустить до содержимого

Local images must be imported.

LocalImageUsedWrongly: параметр src для Image и getImage должен быть импортированным изображением или URL-адресом, а не строкой с путем к файлу. Получено IMAGE_FILE_PATH.

Что пошло не так?

Заголовок раздела Что пошло не так?

При использовании стандартных служб изображений параметр src для Image и getImage должен быть либо импортированным изображением, либо URL-адресом, а не строкой с путем к файлу.

Для локальных изображений из коллекций контента можно использовать вспомогательную схему image() для разрешения изображений.

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


<!-- ХОРОШО: `src` — это полное импортированное изображение. -->
<Image src={myImage} alt="Cool image" />


<!-- ХОРОШО: `src` — это URL-адрес. -->
<Image src="https://example.com/my_image.png" alt="Cool image" />


<!-- ПЛОХО: `src` — это путь к `src` изображения, а не полный объект изображения. -->
<Image src={myImage.src} alt="Cool image" />


<!-- ПЛОХО: `src` — это строковый путь к файлу. -->
<Image src="../my_image.png" alt="Cool image" />

Смотрите также: