Django 3.2上的静态文件未加载

Question

我的问题很简单，但我发现它很难解决。 问题是我无法加载位于项目根文件夹的静态文件夹中的 CSS 文件和图像。静态文件夹不在应用名称下。

我的项目名称是“ecommerce”，我的应用名称是“store”。

这是我的项目的文件层次结构。

这是我的 settings.py

我也添加了我的应用程序。

是的，STATICFILES_DIRS 也是。

另一个也试过了。

STATICFILES_DIRS = [
BASE_DIR / "static",

]

我使用 temp.html 来展示演示，这是我的代码。

以及名为 ma​​in.css

的 CSS 文件

正确完成所有操作后，CSS文件和图像将无法加载。

我在终端中遇到的错误

在 Chrome 中处于开发者模式

据我所知，这是一个新手错误，我是初学者。在这个问题解决之前，我无法继续前进。如果有人能站出来帮助我解决问题，我将不胜感激。

Answer 1

首先将你的静态文件夹移动到 store 的 app 目录中

现在在静态文件中创建另一个存储文件夹

static/store

现在在 static/store 目录中创建所有文件夹，如 css、js 和 img。然后在此链接中替换您的 css 链接

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

还有img标签链接。

<img src="{% static 'images/cart.png' %}" alt="My image">