Olá, boa tarde!
A imagem não está aparecendo na pasta public o código está certo no article.json. Por gentileza, o código foi alterado ?
Obrigado!
Solucionado
Olá, boa tarde!
A imagem não está aparecendo na pasta public o código está certo no article.json. Por gentileza, o código foi alterado ?
Obrigado!
Oi Alexsandro, tudo bem?
Pelo que entendi, você está com problemas para visualizar a imagem que está na pasta "public". A princípio, o código parece estar correto, mas vamos verificar alguns pontos.
Primeiro, certifique-se de que o caminho para a imagem esteja correto no arquivo articles.json. O caminho deve começar com uma barra (/), que sinaliza que a pasta "public" é a origem. Por exemplo, se a imagem se chama "example.jpeg", o código no articles.json deveria ser:
"image": "/example.jpeg",
Segundo, verifique se o código no componente Article.jsx está correto. No objeto Article, você deve ter uma condição que cria uma tag img se a propriedade image existir. A sintaxe seria algo como:
{ image && <img className="sm:p-4" src={image} />}
Essa linha de código cria uma tag img com a classe "sm:p-4" (que adiciona um padding quando a tela é de tamanho "sm" ou maior) e o atributo src é igual ao valor da propriedade image. Se a propriedade image não existir, a tag img não será criada.
Se após verificar esses pontos a imagem ainda não aparecer, pode ser que o problema esteja em algum lugar diferente. Nesse caso, seria útil verificar se há algum erro sendo exibido no console do navegador ou no terminal onde o servidor está rodando.
Um abraço e bons estudos.
Lorena, bom dia!
Deu certo! Muito Obrigado!
At,