3
respostas

[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?

3 respostas

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!

Boa tarde, Roberto!!

O meu aconteceu o mesmo que o seu, na aula les clicam e dao o abrir, ao fazer isto as pastas não vão para o GitHub e com isto só vai o HTML, por isto não aparece a pagina com as imagens, para solucionar eu selecionei as pastas e arrastei para o GitHUB.

Oi Roberto,

Você optou for fazer uploads dos arquivos e eles não ficaram nas pastas correspondentes

Uma forma de corrigi é usar o VSCode Online

Apenas digitando "." (ponto) no seu repositório GitHub

Com o VSCode você cria as pastas, move os arquivos e faz o commit

Use o VSCode online a partir do GitHub VS Code