1
resposta

Falha ao carregar CSS e JS

Olá, boa tarde

Segui exatamente todos os passos mencionados na aula, mas o css e o js não carregam de jeito nenhum. Criei a pasta 'static' no projeto, selecionei somente as pastas indicadas e em seguida dei o comando 'python manage.py collectstatic'. Ele faz a cópia no aplicativo receitas, mas quando a página é carregada somente o HTML é exibido em tela. Ah, também realizei todas as alterações necessárias no index.html com código python. Verifiquei tudo que era possível, fiz alguns testes alterando o path, mas nada adiantou. Conseguem me dar uma luz, por gentileza?

no terminal a seguinte mensagem é retornada: [25/Jan/2021 17:22:13] "GET / HTTP/1.1" 200 7761 Not Found: /img/core-img/pizza.png [25/Jan/2021 17:22:13] "GET /img/core-img/pizza.png HTTP/1.1" 404 2173 [25/Jan/2021 17:22:13] "GET /static/site.css HTTP/1.1" 404 1650 [25/Jan/2021 17:22:13] "GET /static/js/jquery/jquery-2.2.4.min.js HTTP/1.1" 404 1713 [25/Jan/2021 17:22:13] "GET /static/js/bootstrap/popper.min.js HTTP/1.1" 404 1704 [25/Jan/2021 17:22:13] "GET /static/js/bootstrap/bootstrap.min.js HTTP/1.1" 404 1713 [25/Jan/2021 17:22:13] "GET /static/js/active.js HTTP/1.1" 404 1662 [25/Jan/2021 17:22:13] "GET /static/js/plugins/plugins.js HTTP/1.1" 404 1689 [25/Jan/2021 17:22:13] "GET /static/img/core-img/logo.png HTTP/1.1" 404 1689 [25/Jan/2021 17:22:13] "GET /static/img/bg-img/foto_receita.png HTTP/1.1" 404 1707 Not Found: /img/core-img/logo.png [25/Jan/2021 17:22:13] "GET /img/core-img/logo.png HTTP/1.1" 404 2170 [25/Jan/2021 17:22:13] "GET /static/js/active.js HTTP/1.1" 404 1662

1 resposta

Oii Eduardo, como você está? Espero que esteja bem ^-^

Peço perdão pela demora em obter um retorno.

Observe se nos arquivos HTML você está fazendo o carregamento dos arquivos estáticos por meio do código: {% load static %}. E também veja se você modificou os locais que estão fazendo o carregamento do arquivo para buscarem na pasta de arquivos estáticos, por exemplo:

<img src="{% static 'img/core-img/pizza.png' %}" alt="">

Se ainda sim não obter êxito, compartilhe seu projeto no github ou no drive para que eu possa efetuar os testes e te ajudar melhor. Qualquer dúvida estou por aqui, tá?

Grande abraço!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software