Стили css применяются с задержкой в ​​1 секунду (стилизованные компоненты?)

В настоящее время я создаю свой первый веб-сайт / документацию с помощью React и docusaurus. Но как только я перезагружаю сайт, в течение примерно 0,5–1 секунды стили css не применяются должным образом (см. Img ниже).

Получив подсказку, я узнал, что это явление называется FOUC «Вспышка нестилизованного контента».

В моем случае это происходит только в продакшене. См. Видео ниже https://youtu.be/Zh2-1gtKOtI

Это могло иметь какое-то отношение к стилизованным компонентам, потому что «панель навигации» - единственная часть, которая не имеет стиля компоненты. И навигационная панель мне нравится.

База кода: https://github.com/agile-ts/documentation

введите описание изображения здесь

Спасибо ^^


person BennoDev    schedule 15.02.2021    source источник
comment
Здесь особо нечего сказать, изображение ничего не говорит, такие проблемы требуют большого тестирования, и вы не предоставили никакого кода.   -  person Zohir Salak    schedule 15.02.2021
comment
это может быть FOUC? если это так, возможно, это поможет ссылка   -  person imstevanno    schedule 15.02.2021
comment
Эта ветка может вам помочь. stackoverflow.com/questions/14919236/   -  person wahmd    schedule 15.02.2021
comment
да, я просмотрел ресурсы, которые вы предложили ... но после некоторого тестирования я обнаружил, что это на 100% связано со стилями-компонентами. (См. Видео ниже) youtu.be/MhMFD8zcrb0   -  person BennoDev    schedule 16.02.2021


Ответы (1)


хорошо, это как-то связано с docusaurus .. https://github.com/facebook/docusaurus/issues/3236

person BennoDev    schedule 16.02.2021