Жесткая перезагрузка загружает новый css, но f5 загружает старую версию (даже после жесткой перезагрузки)
У меня есть проект wagtail, в этом проекте я компилирую scss с помощью webpack в папку static в моем проекте. Когда у меня открыт devtools (и я установил флажок no cache), а затем перезагружаю страницу, css загружается. При жесткой перезагрузке (очистка кэша и т.д.) применяется новый обновленный css. Если после этого снова нажать f5, то загружается предыдущая старая версия.
Как и почему это происходит? Я впервые столкнулся с этой проблемой.
Может быть, он не переопределяет кэш с новым css?
Я использую хром версии: 98.0.4758.109
Браузер загружается из кэша. У меня была такая же проблема, и самый чистый способ, который я нашел для ее решения, это добавление "версии" к файлам. Например:
<link rel="stylesheet" href="styles.css?v=1">
Очевидно, что когда вы хотите загрузить его снова, увеличьте число (v=2).
В конечном итоге это было исправлено добавлением хэшей в файлы сборки с помощью webpack. Таким образом, имя файла будет выглядеть так: main.2738547.css