1
resposta

Minhas imagens não carregam no navegador mas carregam no live server do VSCode

Boa noite comunidade, estou com um problema bem estranho, programo usando o live server do VSCode, por algum motivo fui abrir a página direto do navegador, as imagens não carregam e aparece o erro "Failed to load resource: net::ERR_FILE_NOT_FOUND" Insira aqui a descrição dessa imagem para ajudar na acessibilidade

vocês já viram esse erro? E se sim podem me ajudar ?

1 resposta

Oi, Leonardo! Tudo bom?

O significado desse erro é bem sua tradução: arquivo não encontrado. O Live Server não pode ver nenhum caminho em seu computador além da pasta que está hospedando, por isso ele aceita o endereço de imagens e pastas só com o nome delas.

Pra funcionar abrindo diretamente o html no navegador como você fez, terá que declarar o caminho relativo colocando um ponto antes da barra da pasta assets, para ele interpretar que está entrando em uma pasta ou arquivo dentro da que o index.html está. Por exemplo:

<img src="./eu.jpg">

Colocando esse pontinho antes da barra ele irá funcionar tanto abrindo com o arquivo html direto quanto com o live server.

Vê se assim funciona? Fico no aguardo!