컨텐츠로 이동

Local images must be imported.

LocalImageUsedWrongly: Image’s and getImage’s src parameter must be an imported image or an URL, it cannot be a string filepath. Received 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`는 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" />

더 보기: