Question

尝试加载静态文件：CSS，使用Django静态标签的Javascript 所有的Javascript都不起作用，而且大多数CSS也没有加载

Javascript错误（对于所有JS ）：

“ http://127.0.0.1:8000/static/jquery.min.js”中的脚本已加载，即使其MIME类型（“ text / html”）不是有效的JavaScript MIME类型。

Django版本：-3.0.1

我的文件和代码：

Base.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")

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

我的项目文件夹树。 My project Folder and sub directories

Answer 1

将您的静态文件放入my_app/static/中（而不是创建另一个my_app子目录），其中my_app是主 project 文件夹中的一个应用文件夹。还可以在static folder中创建一个名称与您的应用名称相同的文件夹，并将您的static files放在此处。可以正确地区分您的static files。因此您最终的应用目录结构如下

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

并使用

更新您的base.html

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

希望如此。

无法使用Django加载静态文件

1 个答案: