컨텐츠로 건너뛰기

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.

기본 이미지 서비스를 사용할 때 ImagegetImagesrc 매개변수는 가져온 이미지 또는 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" />

더 보기:

Contribute

여러분의 생각을 들려주세요!

GitHub Issue 생성

우리에게 가장 빨리 문제를 알려줄 수 있어요.

Community