Pular para o conteúdo

Local images must be imported.

LocalImageUsedWrongly: Os parâmetros src de Image e getImage devem ser uma imagem importada ou uma URL, não podem ser um caminho de string. Recebido CAMINHO_ARQUIVO_IMAGEM.

O que deu errado?

Seção intitulada O que deu errado?

Ao usar os serviços de imagem padrão, os parâmetros src de Image e getImage devem ser ou uma imagem importada ou uma URL, não podem ser uma string de um caminho de arquivo.

Para imagens locais de coleções de conteúdo, você pode usar o auxiliar de esquema image() para resolver as imagens.

---
import { Image } from "astro:assets";
import minhaImagem from "../minha_imagem.png";
---


<!-- BOA: `src` é uma imagem completamente importada -->
<Image src={minhaImagem} alt="Uma imagem legal" />


<!-- BOA: `src` é uma URL. -->
<Image src="https://example.com/minha_imagem.png" alt="Uma imagem legal" />


<!-- RUIM: `src` na propriedade `src` da imagem é uma caminho em vez do arquivo completo -->
<Image src={minhaImagem.src} alt="Uma imagem legal" />


<!-- RUIM: `src` é uma caminho -->
<Image src="../minha_imagem.png" alt="Uma imagem legal" />

Veja também: