Javascript 无法使用Django加载静态文件

尝试加载静态文件：CSS，使用django静态标记加载Javascript 所有的Java脚本都不工作，而且大多数css也没有加载

Javascript错误（适用于所有JS）：

已加载“”中的脚本，即使其MIME类型（“text/html”）不是有效的JavaScript MIME类型

Django版本：-3.0.1

我的文件和代码：

Base.html>>

我没有使用任何虚拟环境

我的项目文件夹树。

---

将静态文件放入

我的应用程序/static/

（而不是创建另一个我的应用程序子目录），其中我的应用程序是主项目中的应用程序文件夹。另外，在

静态文件夹中创建一个与应用程序名称同名的文件夹，并将
静态文件放置在该文件夹中。这将正确区分
静态文件
。
因此，最终的应用程序目录结构如下所示

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

并使用

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



希望能奏效。
您必须在project
url.py
文件中添加
静态url
。必须运行
python manage.py collectstatic
命令。我确实运行了collectstatic@mohammedwazeem我是django的新手，你能告诉我如何在url中添加url吗。py@Ritvik我看不出你在问题中的表现有什么不对。您的所有设置都符合您的文件夹结构。也就是说，假设您使用
runserver
在本地运行。然而，您是否有
django.contrib.staticfiles
包含在
INSTALLED_APPS
中？名称错误：名称“static”未定义这是我在运行CollectStatic后在运行服务器时遇到的问题从django.conf导入项目URL.py文件中导入这些模块
设置
来自django.conf.urls.static import static
非常感谢大多数js正在加载并且工作正常，但是仍然有少数js存在相同的错误，除了使用{%block content%}调用的base.html之外没有其他my模板也不起作用，因此您可能应该提到，
my_app
是主项目文件夹中的一个app文件夹（即
my_app
位于
INSTALLED_APPS
）。您也可以在主项目文件夹中有一个
static
文件夹（与
my\u app
和
manage.py
处于同一级别），但是您需要像OP一样将其添加到
STATICFILES\u DIRS
。
my_app/
|____static/
     |____my_app/
          |____css/
          |        # your css files
          |____js/
          |        # js files
          |___images/
                   # your image files

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