getImage() debe ser usado en el servidor.

GetImageNotUsedOnServer: getImage() solo se debe usar en el servidor. Para usar imágenes en el cliente, renderiza el src de getImage() durante el renderizado del servidor, luego pásalo al cliente para su uso.

¿Qué salió mal?

La función getImage() solo está disponible en el servidor. Para usar imágenes en el cliente, renderiza el src de getImage() durante el renderizado del servidor para que pueda usarse en scripts del lado del cliente, o usa una etiqueta <img> estándar.

---
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 }}>
  // Use imageSrc in client-side code
  document.getElementById('myImage').src = imageSrc;
</script>

See Also:

• Imágenes
• getImage()