Django项目CSS文件无法加载，配置静态路径后仍不生效怎么办？

核心错误：link标签属性拼写错误 #

你所有引入CSS的<link>标签属性拼写错误，正确属性是rel，不是你写的ref，浏览器识别到错误属性不会将对应文件当作样式表加载，这就是你写绝对路径也无效的原因，修正标签即可正常加载：

<!-- 修正后的标签写法 -->
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}"/>

其他可选排查项 #

如果修正标签后仍有问题，可逐一核对以下配置：

• 确认settings.py的INSTALLED_APPS列表中已包含django.contrib.staticfiles，这是Django处理静态资源的默认内置应用，未开启会导致静态资源路由失效
• 确认静态文件夹位置和配置匹配：你配置的STATICFILES_DIRS指向BASE_DIR下的static文件夹，需要保证static文件夹和项目manage.py文件在同一级目录，若路径不符需要调整STATICFILES_DIRS的路径配置
• 开发环境下确认settings.py中DEBUG = True，DEBUG关闭时Django默认不会处理静态资源，临时调试可执行python manage.py runserver --insecure启动服务，生产环境需要用Nginx等反向代理处理静态资源
• 打开浏览器控制台的网络请求面板，查看CSS文件的请求状态码，404状态对应路径配置问题，200状态但样式不生效则对应标签属性拼写问题

内容的提问来源于stack exchange，提问作者wae