local-image-used-wrongly.mdx

title	i18nReady	githubURL
Local images must be imported.	true	https://github.com/withastro/astro/blob/main/packages/astro/src/core/errors/errors-data.ts

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

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

• Изображения