У меня есть приложение ReactJS, которое я запускаю на локальной машине. Когда я использую Mozilla или Chrome для посещения веб-страницы на моем основном компьютере, все работает нормально, и стили отображаются правильно.
![Normal behavier](https://i.stack.imgur.com/X5X7g.jpg)
Однако, если я возьму свой ноутбук и использую Mozilla или Chrome для просмотра той же самой страницы, часть стиля, который должен быть загружен, отбрасывается (в основном flex
stuffs и MaterialUI).
![Abnormal behavior](https://i.stack.imgur.com/Lww9T.png)
Как видите, шрифты откатились к значениям по умолчанию, а директивы flex перепутаны.
На обоих компьютерах установлен Firefox 66.0.5. Браузинг с моего смартфона работает нормально (все стили показываются). Ничто в консоли, кажется, не жалуется на блокировку XSS или что-то еще. Что еще более странно, вы можете видеть, что некоторые стиля появляются (зеленые фоны, значки FontAwesome) .. Но не все из этого ...
У меня действительно заканчиваются идеи. Почему мой стиль не отображается на всех машинах?
Кстати, основная машина - это не та, на которой размещено приложение React , я всегда просматриваю машину, отличную от той, на которой размещено приложение.