小白学Django之第1个坑：无法加载静态资源styles.css

A-Wei723

于 2024-04-23 10:52:03 发布

阅读量432

点赞数 5

文章标签： python django

本文链接：https://blog.csdn.net/weixin_44845102/article/details/138110748

版权

刚梳理清楚Django的框架，开始着手第一个实验，就发现写的styles.css无法被加载，于是查了一些文章，发现大体上是指向或权限问题：

在Django应用程序中，css文件不起作用

在Django应用程序中，CSS文件不起作用可能是由以下几个原因引起的：

静态文件配置错误：Django使用静态文件来存储CSS、JavaScript和其他静态资源。首先，确保在settings.py文件中正确配置了静态文件路径。检查STATIC_URL和STATIC_ROOT设置是否正确，并确保STATICFILES_DIRS中包含了存放CSS文件的目录。
静态文件未正确加载：在Django的模板中，使用{% load static %}标签来加载静态文件。确保在模板的开头使用了这个标签，并且在引用CSS文件时使用了正确的静态文件路径。例如，使用{% static 'css/style.css' %}来引用CSS文件。
静态文件未正确收集：在开发环境中，Django会自动收集静态文件并提供访问。但在生产环境中，需要手动运行collectstatic命令来收集静态文件。确保已经运行了这个命令，并且静态文件被正确地收集到STATIC_ROOT目录中。
缓存问题：如果之前已经访问过该页面，浏览器可能会缓存CSS文件。尝试清除浏览器缓存或使用无缓存模式进行访问。
CSS文件路径错误：检查CSS文件的路径是否正确。确保CSS文件存在于指定的静态文件目录中，并且路径没有拼写错误。
CSS文件语法错误：检查CSS文件的语法是否正确。使用CSS验证工具来检查是否存在语法错误。

出现 "Invalid block tag on line 7: 'static'. Did you forget to register or load this tag?" 错误通常是因为在模板中使用了 {% static %} 模板标签，但未在模板中加载或注册此标签。

要解决这个问题，请确保按照以下步骤操作：

在你的 HTML 模板文件的开头，确保加载了 static 模板标签库。添加下面的代码：
```
{% load static %}
```
这将加载 Django 的 static 标签库，以便在模板中使用 {% static %} 模板标签。
确保相关的 Django 应用程序已正确设置。
- 在你的项目的 settings.py 文件中，检查 INSTALLED_APPS 列表，确保添加了 'django.contrib.staticfiles' 应用程序。例如：
```
INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',
    ...
]
```
- 检查 settings.py 文件中是否有类似以下的 STATIC_URL 设置：
```
STATIC_URL = '/static/'
```
检查 Django 版本。如果你使用的是 Django 3.0 或更高版本，在模板中使用 {% load static %} 是默认自动加载的，无需手动指定。

重新加载页面，在模板中使用 {% static %} 标签时，就不再会出现 "Invalid block tag" 错误了。

关注