Django 4.1.6可加载静态CSS但无法加载外部JS文件求助

核心问题定位 #

你在base.html的JS引用标签里存在拼写错误：将脚本标签的src属性误写为scr，导致浏览器无法识别并加载目标JS文件。

修正步骤 #

修改base.html中的JS引用代码，把错误的scr改为正确的src：

<!-- 错误代码 -->
<script type = "text/javascript" scr="{% static '/blog/js/blog_list.js' %}" ></script>

<!-- 修正后代码 -->
<script type = "text/javascript" src="{% static 'blog/js/blog_list.js' %}" ></script>

注：路径开头的斜杠可省略，{% static 'blog/js/blog_list.js' %}已能正确指向static/blog/js/blog_list.js文件。

额外验证建议 #

1. 修正后刷新页面，打开浏览器开发者工具的「控制台」，确认是否还有404加载错误
2. 在「Sources」面板中检查是否能正常看到加载完成的blog_list.js文件
3. 若仍有异常，可在settings.py中显式配置静态文件目录，确保调试模式下Django能正确扫描：

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

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