No entiendo por qué mis archivos javascript no se aplican en mis plantillas. Aquí está mi base.html:
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Project</title> <link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}" /> <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'assets/css/main.css' %}"> </head> <body> <div> {% include "navbar.html" %} {% block content %} {% endblock content %} </div> {% include "scripts.html" %} </body> </html>
Aquí está mi scripts.html:
{% load static %} <script src="{% static 'js/main.js' %}"></script> <script src="{% static 'assets/js/jquery.min.js' %}"></script> <script src="{% static 'assets/js/jquery.dropotron.min.js' %}"></script> <script src="{% static 'assets/js/browser.min.js' %}"></script> <script src="{% static 'assets/js/breakpoints.min.js' %}"></script> <script src="{% static 'assets/js/util.js' %}"></script> <script src="{% static 'assets/js/main.js' %}"></script>
Sin embargo, no parecen afectar la plantilla. Por ejemplo, el menú desplegable tiene un formato extraño si ejecuto el servidor. Otra cosa extraña que sucede es que Main.js
sigue imprimiéndose en la consola. Creo que esto se debió inicialmente al archivo main.js que tenía:
console.log("Main.js");
Sin embargo, aunque lo cambio a lo siguiente:
console.log("Something new for the console");
Todavía obtengo Main.js
impreso en la consola. Además, si pongo console.log("something")
para mis otros archivos javascript a los que se hace referencia anteriormente, no se imprimen en la consola. No tengo idea de por qué está pasando esto. Gracias, y por favor haga cualquier pregunta.
¡Limpie imágenes y archivos almacenados en caché!
Si está utilizando Chrome, puede seguir los siguientes pasos: