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

A imagem não carrega quando é publicado no git pages ou no Vercel

A imagem não carrega quando é publicado no git pages ou na Vercel. Os ícones e o restante carrega normalmente. Quando está no vscode e em todos os testes de responsividade se comporta normalmente. Eu usei o código que eu já vinha fazendo e assistindo as aulas e usei o arquivo zip disponibilizado no final das aulas, nehum deles funcionou, sempre com o mesmo erro, não carregando as imagens.

3 respostas
solução!

Olá, Jorge!

As imagens não carregarem pode estar relacionado ao caminho do arquivo que você está utilizando.

O GitHub, e a Vercel, tem dificuldades em encontrar arquivos se por acaso o caminho para o determinado caminho não esteja correto.

Tente se possível utilizar, o "./", então se o caminho para as suas imagens estão assim:

<img src="imagens/foto1.png" >

Tente adicionar o "./"

<img src="./imagens/foto1.png" >

Outra possibilidade é que as imagens não tenham sido carregadas corretamente para o GitHub ou Vercel. Certifique-se de que todas as suas imagens estão no repositório do GitHub e que foram enviadas para o Vercel.

No mais, em caso de persistência, compartilhe o seu projeto conosco para que possamos analisá-lo melhor.

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!

Estava com o mesmo problema, e no meu caso, o erro se deu por conta da denominação da pasta! O nome da pasta estava "Assets" com A maiúsculo e no "src" eu tinha colocado com letra minúscula "./assets". Pra resolver o problema é só alterar o nome da pasta para "assets" sem letra maiúscula.

Até eu descobrir o problema quebrei a cabeça kkkkkkk

Espero ter ajudado!

Obrigado, eu tive que substitui a imagem e funcionou.