本地图片必须导入。

LocalImageUsedWrongly：Image 和 getImage 的 src 参数必须是导入的图片或一个 URL，而不能是文件路径字符串。收到了 IMAGE_FILE_PATH。

哪里出错了？

当使用默认的图片服务时，Image 和 getImage 的 src 参数必须是导入的图片或一个 URL，而不能是文件路径字符串。

对于来自内容集合的本地图片，你可以使用 image() 模式辅助函数 来解析图片。

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

另请参阅

• 图像