Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Bug] Imagem principal do Projeto não está carregando após envio para o VERCEL

O projeto está funcionando perfeitamente no meu computador, mas quando subi para o VERCEL como manda na aula a imagem não carrega.

Segue o link do projeto no ar: https://portfolio2-beta-hazel.vercel.app/

Segue o link dos arquivos no repositório do GitHub: https://github.com/turisouza/portfolio.git

Agradeço desde já pela atenção.

att, Turí Souza

2 respostas
solução!

Olá, Turi! Como vai?

Esse erro ocorreu devido à necessidade da Vercel de localizar o endereço de forma precisa. Isso significa que até mesmo uma letra faz toda a diferença, seja ela minúscula ou maiúscula. E foi exatamente isso que aconteceu: suas imagens se chamam "Imagem.png" com o "I" maiúsculo, mas observe que na sua tag img você a chamou como <img ... src="./assets/imagem.png" ...> com o "i" minúsculo. O VSCode e o navegador não apontaram erro, eles aceitaram, mas a Vercel tem essa dificuldade e exige total precisão na palavra. Portanto, basta corrigir seu código para:

 <img src="assets/Imagem.png" class="apresentacao__imagem" alt="foto do Turí Souza sorrindo">

Lembre se de fazer isso tanto na tela do index.html e na about.html.

Criei um link que está reparado em uma tela e na outra não, para você visualizar o erro:

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Perfeito meu amigo! Grato pelo esclarecimento!

Já corrigi e já está tudo ok!

abs!