getImage() must be used on the server.

GetImageNotUsedOnServer: getImage() should only be used on the server. To use images on the client, render the src from getImage() during the server render, then pass it to the client for usage.

무엇이 잘못되었나요?

getImage() 함수는 서버에서만 사용할 수 있습니다. 클라이언트에서 이미지를 사용하려면 서버 렌더링 중에 getImage()의 src를 렌더링하여 클라이언트 측 스크립트에서 사용할 수 있도록 하거나, 표준 <img> 태그를 사용하세요.

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

const optimizedImage = await getImage({ src: myImage, width: 300 });
---

<script define:vars={{ imageSrc: optimizedImage.src }}>
  // 클라이언트 측 코드에서 imageSrc 사용
  document.getElementById('myImage').src = imageSrc;
</script>

더 보기:

• Images
• getImage()