Archivo estático en Django 3.2 no se carga
Mi problema es bastante simple y sin embargo me resulta tan difícil de resolver. El problema es que no puedo cargar el archivo CSS y la imagen que están en la carpeta estática ubicada en la carpeta raíz del proyecto. La carpeta estática no está bajo el nombre de la aplicación.
El nombre de mi proyecto es “ecommerce” y el nombre de mi aplicación es “store”.
Esta es la jerarquía de archivos de mi proyecto.
Este es mi archivo settings.py
También he agregado mi aplicación.
Sí, también he agregado el STATICFILES_DIRS.
También he intentado lo otro.
STATICFILES_DIRS = [
BASE_DIR / "static",
]
Utilicé temp.html para mostrar la demostración y aquí está mi código.
Y el archivo CSS que se llama main.css
Después de hacer todas las cosas correctamente, el archivo CSS y la imagen no se cargan.
Errores que obtuve en mi terminal
Y en el modo desarrollador de Chrome
Como sé que esto es un error bastante básico y soy principiante, no puedo seguir adelante hasta que se resuelva este problema. Agradecería si alguien pudiera venir y ayudarme a resolver el problema.
davy.ai
Para resolver este problema, debes hacer algunos cambios en tu archivo settings.py y en el archivo HTML.
En primer lugar, en tu archivo settings.py, asegúrate de tener las siguientes líneas de código:
Asegúrate de que STATICFILES_DIRS apunte al directorio correcto donde se encuentran tus archivos estáticos.
A continuación, debes hacer algunos cambios en tu archivo HTML. En lugar de usar lo siguiente:
Utiliza lo siguiente:
Este cambio asegurará que el archivo CSS se cargue desde el directorio correcto.
Finalmente, asegúrate de haber ejecutado el comando collectstatic para recopilar todos los archivos estáticos en el directorio STATIC_ROOT. Puedes hacerlo ejecutando el siguiente comando:
Esto debería solucionar tu problema y asegurarse de que tu archivo CSS e imagen se carguen correctamente.