Este es mi error. El archivo styles.css e index.js en la misma red de nombre de carpeta. Pero el archivo styles.css funciona, y el archivo index.js no funciona, mirando a mi otro proyecto es Mail
[20/Feb/2022 14:17:59] "GET / HTTP/1.1" 200 1804 [20/Feb/2022 14:17:59] "GET /static/network/styles.css HTTP/1.1" 304 0 [20/Feb/2022 14:18:01] "GET /static/mail/inbox.js HTTP/1.1" 404 1667 [20/Feb/2022 14:18:01] "GET / HTTP/1.1" 200 1804configuración.py
STATIC_URL = '/static/'índice.html
{% extends "network/layout.html" %} {% load static %} {% block body %} {% endblock %} {% block script %} <script src="{% static 'network/index.js' %}" defer></script> {% endblock %}índice.js
console.log('OK');diseño.html
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <title>{% block title %}Social Network{% endblock %}</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link href="{% static 'network/styles.css' %}" rel="stylesheet"> </head> <body> <div class="body"> {% block body %} {% endblock %} </div> </body> </html>Debe agregar block script en layout.html
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <title>{% block title %}Social Network{% endblock %}</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link href="{% static 'network/styles.css' %}" rel="stylesheet"> </head> <body> <div class="body"> {% block body %} {% endblock %} </div> {% block script %} {% endblock %} </body> </html>agregue el tipo al script y pruébelo:
<script type="text/javascript" src="{% static "network/index.js" %}"></script>