Question

我有一个简单的Django应用程序，我无法弄清楚为什么我的CSS文件没有加载。任何帮助解决问题的人都表示赞赏！

我得到的错误是：

GET http://127.0.0.1:8000/static/aztracker/css/mystyle.css net::ERR_ABORTED

这是我的css文件所在的位置： myproject/aztracker/static/aztracker/css/mystyle.css

code_search_form.html：

{% load staticfiles %}
{% load static %}
<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <title>Search Code</title>
    <!-- CUSTOM STYLES -->
    <link rel="stylesheet" type="text/css" href="{% static 'aztracker/css/mystyle.css' %}">
</head>
<body>
    <form method="POST" action="/search/">
        {% csrf_token %}
        <input  type="text" maxlength="2"  style="text-transform:uppercase"  placeholder="Search Country Code.." name="cc_textfield" id="cc_input">
        <button type="submit" id="search_btn">Search</button>
    </form>
</body>

mystyle.css：

#search_btn {
    color:red;
}

setting.py：

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

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

Answer 1

我自己想通了：

问题是setting.py文件，其中定义了静态文件夹。我评论了STATIC_ROOT并且它有效。我猜他们不能共存。

Answer 2

我不是最聪明的HTML，但我知道一些事情。这可能不会有太大变化，但我可以告诉你我如何进行链接。

<link href="css/CSS.css" rel="stylesheet" type"text/css" />

到目前为止，这就是我对文件所做的一切，但我还没有尝试过制作一个巨大的文件。这适用于所有事情，包括＆＃34;％静态＆＃34;我从来没有加入我的。我再次希望这有所帮助，但我不知道它是否会改变任何东西。

C:\Users\(User)\Desktop\Web\(ProjectName)\css\CSS

它取决于您的项目中HTML文件的设置位置。说我有这个文件结构。

C:\Users\(User)\Desktop\Web\Projects\HTMLProject\CSS\MainCSS\CSS.css

如果您的CSS文件位于MainCSS文件夹中，但HTML文件位于HTMLProject文件中，则需要执行此操作。

<link href="CSS/MainCSS/CSS.css" rel="stylesheet" type"text/css" />

您拥有的子文件夹越多，您需要向计算机解释如何到达目的地的次数越多。

未加载CSS文件

2 个答案: