Стилизованные компоненты не работают после npm запуска сборки

Question

Я создаю сайт, используя стилизованные компоненты. Он отлично работает в моей локальной среде, но как только я запускаю npm, запустите build, он больше не работает на размещенном сайте. У меня установлена ​​последняя версия стилевых компонентов в качестве зависимости. Стилизованные имена компонентов работают, но ни один из стилей не реализован.

Так выглядит сайт в моей локальной среде разработчика

Так выглядит после сборки

вот так ссылка на сайт после публикации https://benmcloughlin.github.io/savvy-plan-lite/ вот ссылка на репозиторий github https://github.com/BenMcLoughlin/savvy-plan-lite

Answer 1

Я потратил три часа на перестройку приложения и его развертывание после каждого изменения, чтобы определить причину проблемы. Это было связано с GlobayStyles, одной из особенностей стилевых компонентов. Если бы я использовал глобальные стили, то ничего не получалось. Если я удалил глобальные стили, то это сработало. Я понятия не имею, почему, но я просто удалил его и больше не буду его использовать. Просто хотел ответить на мой собственный вопрос на случай, если кто-то столкнется с той же проблемой.