Страница мерцает при использовании tailwindcss

Я пытаюсь использовать tailwindcss в приложении 5.2 ruby ​​on rails с помощью webpack. Все настроено и работает хорошо. За исключением крошечной проблемы, которая не позволяет мне запустить приложение в производство.

Когда страницы загружаются, я сначала вижу страницу без css менее чем за полсекунды, а затем применяется css, и все возвращается на круги своя.

Вот несколько снимков проблемы: Планируем загрузку страницыСтраница входа

NB: Приложение легкое (всего 3 страницы более или менее, ничего особенного с большими видео/изображениями...)

Я не понимаю, почему. У вас есть идея решить проблему?

Спасибо за помощь!

Как выглядит исходный код страницы в браузере? Может проблема с загрузкой, например здесь?

Shaun the Sheep 28.05.2019 15:00

Я разместил теги stylesheet_pack_tag и даже javascript_pack_tag поверх заголовка. Все такой же. Я удалил все изображения из приложения --> все то же самое. Я собрал все файлы css в один --> все тот же. Любая другая идея? Спасибо!

Thomas 29.05.2019 10:50

Вероятно, было бы полезно, если бы вы разместили исходный код страницы, как он отображается в браузере, в своем вопросе.

Shaun the Sheep 30.05.2019 15:23
Поиск всех неиспользуемых файлов в проекте
Поиск всех неиспользуемых файлов в проекте
Количество файлов в проекте растет по мере его развития. И если быть по-настоящему честным, их продвижение происходит в геометрической прогрессии...
Настройка шаблона Metronic с помощью Webpack и Gulp
Настройка шаблона Metronic с помощью Webpack и Gulp
Я пишу эту статью, чтобы поделиться тем, как настроить макет Metronic с помощью Sass, поскольку Metronic предоставляет так много документации, и они...
0
3
622
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

После некоторых попыток я замечаю, что мерцание появляется только в разработке. Когда активы компилируются в продакшене, мерцания исчезают.

Спасибо за ваши старания.

Другие вопросы по теме