getImage() doit être utilisée côté serveur.

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’est-ce qui a mal tourné ?

La fonction getImage() est uniquement disponible côté serveur. Pour utiliser des images côté client, soit vous affichez la src fournie par getImage() lors du rendu côté serveur afin qu’il puisse être utilisé dans les scripts côté client, soit vous utilisez une balise <img> standard.

---
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 }}>
  // Utilisez imageSrc dans le code côté client
  document.getElementById('myImage').src = imageSrc;
</script>

Voir aussi :

• Images
• getImage()