getImage() debe usarse en el servidor.

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.

¿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()