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" />
Смотрите также:
Error Reference