HTML не применяет CSS - PullRequest
Новая
       5

HTML не применяет CSS

2 голосов
/ 06 июня 2019

Я очень новичок в HTML и CSS. Я пытаюсь связать мой файл CSS и JS с моим файлом HTML, но он не работает. Я посмотрел на многие другие вопросы и ответы по переполнению стека по этой проблеме, и ни одно из решений, похоже, не сработало. Есть ли какая-то опечатка / проблема, которую я упускаю из виду? 

    website
    |home
        |_static
            |_home
                |_styles.css
                |_main.js
        |_templates
            |_home
                |_base.html

Это верх моего base.html файла 

  <head>
        {% load static %}
        <link rel="stylesheet" href="{% static '../home/styles.css' %}">
        <script src="{% static 'home/main.js' %}"></script>
        <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
        <meta charset="UTF-8">
        <title>Title</title>
    </head>

Вот соответствующий код из настроек: 

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

и позже 

STATIC_URL = '/static/'

Вот сообщения об ошибках в командной строке: 

[05/Jun/2019 13:58:15] "GET /home/ HTTP/1.1" 200 1014
Not Found: /home/styles.css
[05/Jun/2019 13:58:15] "GET /static/home/main.js HTTP/1.1" 404 1660
[05/Jun/2019 13:58:15] "GET /home/styles.css HTTP/1.1" 404 2304

Ответы [ 2 ]

1 голос
/ 06 июня 2019 
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

Если это все ваши установленные приложения, похоже, что вы не установили свое собственное приложение, и это означает, что приложения staticfiles не проверяют этот каталог, поскольку это не установленное приложение. Добавление вашего приложения добавит его в найденные пути и django-dev-server будут служить статикам.

0 голосов
/ 06 июня 2019

измени свой ../ так: 

 <link rel="stylesheet" href="{% static 'home/styles.css' %}">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...