Local images must be imported.
LocalImageUsedWrongly:
Image
’s 和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" />
请参阅:
Error Reference