跳转到内容

Local images must be imported.

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

哪里发生了错误？

段落标题 哪里发生了错误？

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

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

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


<!-- 对的：`src` 是完整的导入的图片 -->
<Image src={myImage} alt="Cool image" />


<!-- 对的：`src` 是一个链接 -->
<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" />

请参阅：