无法使用 Django 加载静态文件

Question

尝试加载静态文件：CSS，Javascript 使用 django 静态标签 没有一个Javascript在工作，大多数css也没有加载

Javascript的错误(对于所有JS(：

加载了"http://127.0.0.1:8000/static/jquery.min.js"中的脚本，即使其MIME类型("text/html"(不是有效的JavaScript MIME类型。

姜戈版本： - 3.0.1

我的文件和代码：

基地.html>>

{% load static %}
<link rel="stylesheet" type="text/css" href={% static 'animate.css' %}>
<script src="{% static 'jquery.min.js' %}"></script>

settings.py>>

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static")
]
STATIC_ROOT = os.path.join(BASE_DIR, "assets")

我没有使用任何虚拟环境。

我的项目文件夹树。 我的项目 文件夹和子目录

Answer 1

将静态文件放在my_app/static/中(而不是创建另一个my_app子目录(，其中my_app是主项目文件夹中的应用程序文件夹。 此外，在static folder中创建一个名称与应用名称相同的文件夹，并将static files放在其中。 这将正确区分您的static files. 因此，最终的应用目录结构如下所示

my_app/
|____static/
|____my_app/
|____css/
|        # your css files
|____js/
|        # js files
|___images/
# your image files

并更新您的基地.html

<link rel="stylesheet" href="{% static 'my_app/css/main.css' %}" /> 

希望这能奏效。

Answer 2

删除STATIC_ROOT。 希望这能奏效。