Entrar Ainda não tem acesso?
1
resposta

[Bug] Erro ao adicionar novas imagens

Referente ao curso Django: templates e boas práticas, no capítulo Boas práticas e partials e atividade Partials

por Robson Gabriel Silva Santana
| 112.7k xp | 8 posts

O codigo não estar posicionando a imagem em seu devido lugar, mesmo encaminhando o diretório no src.

Testei algumas coisas... Como apagar a imagem do twitter para verificar se desaparece, porem mesmo sem a imagem no assets, a imagem permanece na pagina, como se não fosse o lugar exato da imagem, como se tratasse de um diretório fantasma.

Diretorio do projeto 

{% load static %}
<footer class="rodape">
    <div class="rodape__icones">
        <a href="https://twitter.com/AluraOnline" target=”_blank” >
            <img src="{% static '/assets/ícones/1x/twitter.png' %}" alt="ícone twitter">
        </a>
        <a href="https://www.instagram.com/aluraonline/" target=”_blank” >
            <img src="{% static '/assets/ícones/1x/instagram.png' %}" alt="ícone instagram">
        </a>
        <a href="https://www.instagram.com/aluraonline/" target=”_blank” >
            <img src="{% static '/assets/ícones/1x/linkedin.png' %}" alt="ícone linkedin">
        </a>
    </div>
    <p class="rodape__texto">Desenvolvido por Alura</p>
</footer>
1 resposta
por Estudante
| 128.8k xp | 404 posts

ola! Caminho incorreto no src das imagens

O template Django com {% static %} não precisa da barra / no início do caminho:

<img src="{% static 'assets/ícones/1x/twitter.png' %}" alt="ícone twitter">

O seu código tem:

<img src="{% static '/assets/ícones/1x/twitter.png' %}" alt="ícone twitter">

Essa / inicial pode impedir o Django de encontrar o arquivo corretamente. Remova todas as barras iniciais nos static.

  • Cache do navegador

Mesmo após apagar a imagem do diretório, o navegador pode manter em cache a versão anterior da imagem.

Soluções:

  • Forçar o reload com Ctrl + F5 (no Windows/Linux) ou Cmd + Shift + R (no macOS).
  • Adicionar uma query string ao src temporariamente, só para forçar o recarregamento:
<img src="{% static 'assets/ícones/1x/twitter.png' %}?v=2" alt="ícone twitter">

Checklist adicional

  • Verifique se o STATICFILES_DIRS e STATIC_URL estão configurados corretamente no settings.py.
  • Certifique-se de que o diretório assets/ícones/1x/ está dentro da pasta declarada como static.