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
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 !!