跳转到内容

Local images must be imported.

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

当使用默认的图片服务时,ImagegetImagesrc 参数必须是一个导入的图片或一个 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" />

请参阅: