getImage() debe usarse en el servidor.

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

¿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 usarlo en scripts del cliente, o utiliza 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 }}>
  // Usa imageSrc en codigo del cliente
  document.getElementById('myImage').src = imageSrc;
</script>

Ver también:

• Imágenes
• getImage()