1

UPDATE

Изучил проблему подробнее. CSS применяется при первом запуске, но далее не изменяется, даже если обновить и сохранить файл. Это, в принципе, логично звучит для папки static, но что-то мне подсказывает, что не так должно работать

Проблема

Суть проблемы в том, что CSS не обновляется на сервере Flask. h1 все время красный, если подключать CSS, хотя в самом CSS файле указано, что он должен быть синим

При том запустив страницу через браузер все линкуется и работает хорошо

В принципе, всё видно на видео

Пробовал переустанавливать Flask, менять структуру проекта. В папке проекта больше нет других .css файлов, а в .scss стоит h1 { color: green; }, что, в принципе, тоже не красный

Исходный код

app.py

from flask import Flask, render_template

app=Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

layout.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
    <!-- <link rel="stylesheet" href="../static/style.css"> -->
    <title>Page</title>
</head>

<body>
    {%block body%}
    {%endblock%}
</body>

</html>

index.html

{%extends "layout.html"%}

{%block body%}
    <h1>Hello!</h1>
{%endblock%}

style.css

h1 {
  color: green;
}

/*# sourceMappingURL=style.css.map */
7
  • в файле layout.html закомментированы строки подключения CSS, в реалии вы не забываете их расскоментировать? Так же уточните, пожалуйста, как находится файл с style.css относительно файла layout.html
    – virvaldium
    21 фев 2020 в 7:05
  • @virvaldium нет, конечно. Сейчас поправлю вопрос
    – ccvhd
    21 фев 2020 в 7:05
  • так же попробуйте задать цвет через шетнадцатиричный формат: #00FF00;
    – virvaldium
    21 фев 2020 в 7:07
  • @virvaldium пробовал, не помогло. Вообще при запущенном сервере через код страницы видно, какой файл в итоге линкуется. Когда я захожу на адрес localhost:5000/static/style.css я вижу старые, не обновленные данные. Проблема не в линке или синтаксисе, а в том, что не обновляется. Даже при перезапуске сервера полном
    – ccvhd
    21 фев 2020 в 7:10
  • А как вы обновляете файлы?
    – virvaldium
    21 фев 2020 в 10:42

1 ответ 1

3

Нашел ответ на свой вопрос.

Суть проблемы в кешировании браузером CSS. Из этого следует 3 возможных решения проблемы

  1. Отключить кеширование для сайта (в продакшн так не пустишь, но должно сработать, сам не пробовал) (источник)

  2. Отдельно идентифицировать каждую версию стилей (источник)

  3. Делать "полное обновление" страницы через Ctrl+Shift+R или Shift+F5 (источник)

Мне больше по душе пришелся последний вариант, т.к. не придется менять код и в принципе меньше возни

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.