Olá! Fiz todo o projeto e tudo funcionou bem, mas quando fui publicar no github e no vercel quando ele abre o link as imagens não carregam, apenas os textos aparecem. Alguém já publicou esse problema aqui e foi mencionado o a forma como estava escrita o nome da pasta imagens como o erro. Eu salvei a pasta como IMG, assim tudo maiúsculo mesmo. Será que teria que ser minúsculo?
esse é meu link do projeto no github: https://github.com/diegofdias/aluraplus
Olá, João! Tudo bem?
Pelo que você mencionou, parece que o problema pode estar sim relacionado com a forma como o nome da pasta de imagens foi escrito. GitHub e Vercel são sensíveis a letras maiúsculas e minúsculas. Isso significa que "IMG" e "img" seriam consideradas pastas diferentes.
Se no seu código, você se referiu à pasta de imagens como "img" (tudo em minúsculo) e a pasta está salva como "IMG" (tudo em maiúsculo), então isso pode ser a causa do problema.
Por exemplo, se você tem uma imagem chamada "imagem1.jpg" dentro da pasta "IMG" e no seu código HTML você escreveu algo como:
<img src="img/imagem1.jpg" alt="Imagem 1">
O servidor não conseguirá encontrar a imagem porque está procurando na pasta "img", mas a pasta se chama "IMG".
A solução seria garantir que o nome da pasta e a forma como você se refere a ela no seu código sejam exatamente iguais, respeitando maiúsculas e minúsculas. Então, se a pasta se chama "IMG", você deve se referir a ela como "IMG" no seu código:
<img src="IMG/imagem1.jpg" alt="Imagem 1">
Espero ter ajudado e bons estudos!
Bom dia João estava analisando seu repositorio de imagens e o mesmo possui a extensão png mas tb a palavra bin. Já tentou fazer o upload da imagens do projeto do instrutor? pode ser uma solução. Caso queira utilizar o do meu projeto o link está abaixo. https://github.com/anottsu/aluraPlus
Obrigado pelas sugestões Rafaela e Juliano. Deve ter sido mesmo o nome da pasta em maiúsculo o problema. Na hora não achei que fizesse diferença. Vou lembrar disso para os próximos projetos.