1
resposta

[Projeto] Projeto não carrega imagens na vercel

Estou finalizando meu segundo projeto e percebi que quando vou subir os arquivos na vercel, eles não carregam as imagens.

https://github.com/Sepphi88/projeto_alura_plus.git

https://github.com/Sepphi88/portfolio.git

Como que posso solucionar esse problema?

1 resposta

Olá Roberto!

Isso acontece porque seus arquivos estão organizados de forma diferente do que o endereço sugere. É como comprar um produto online com o endereço de uma rua inexistente.

Por exemplo, no seu arquivo index HTML está "./styles/style.css", indicando que a estilização deve vir do arquivo style.css na pasta "styles". No entanto, essa pasta não existe nos seus arquivos, a casa até existe, mas em outra rua.

Acredito que você esteja selecionando os arquivos isoladamente. Quando for fazer o upload de um projeto para o GitHub, lembre-se de selecionar os arquivos e as pastas e não somente os arquivos dentro da pasta.

Na aula temos essa organização:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O seu projeto está assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Observe que a primeira imagem o repositório está organizado em pastas, o seu está com somente os arquivos isolados, o que não condiz com os endereços passados no seu "index.html", que busca primeiro a pasta e depois o arquivo, como para achar a imagem do ícone do Instagram que está "./assets/instagram.png", mas observe que essa pasta assets não existe no seu repositório logo essa imagem não é achada e acaba trazendo erros.

Sendo assim, peço para fazer o upload do seu projeto selecionando agora todas as pastas criadas para organizar o projeto, como a "assets e styles".

Espero ter ajudado! Bons estudos!

Sucesso

Um grande abraço e até mais!

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