fica dessa forma na imagem, acredito que não está conseguindo encontrar com o caminho "src={/assets/posts/${post.id}/capa.png}" mas não consegui fazer funcionar aqui vai o link do projeto: https://github.com/PedroPassos081/ola-mundo
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
fica dessa forma na imagem, acredito que não está conseguindo encontrar com o caminho "src={/assets/posts/${post.id}/capa.png}" mas não consegui fazer funcionar aqui vai o link do projeto: https://github.com/PedroPassos081/ola-mundo
Oi, Pedro, tudo bem?
O problema está no local onde salvou a pasta "posts", pois queremos acessar imagens dinamicamente por meio de caminhos que dependem de propriedades de componentes ou estados. Dessa forma, uma possível solução seria adicionar a pasta "posts" dentro da pasta "public" alocada em uma pasta "assets", com isso o caminho que você está informando funcione adequadamente.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
não teria como eu colocar um caminho diferente para encontrar essas imagens ? tipo deixando a pasta "posts" onde ela se encontra em assets? e eu não consegui resolver com sua solução
Oi, Pedro,
Se você mantiver as imagens dentro de src/assets, você terá que importar cada imagem no seu componente, o que não é viável para caminhos de imagens dinâmicas, como acontece nas imagens de cada um dos posts. Para ser possível realizar as imagens de forma dinâmica com o caminho apresentado pelo instrutor, você precisa:
npm start.
Espero que dê tudo certo. Caso tenha dúvidas, conte com o fórum.
Abraços e bons estudos!
Entendi, deu tudo certinho agora, muito obrigado !!