Я создаю сайт gatsby с помощью netlify-cms, material-ui и styled-components, но столкнулся с серьезной проблемой. Мои стилизованные компоненты работают нормально, стили извлекаются в сгенерированный ssr html и работают с темой.
Но что не работает, так это все стили из Material-UI. Вначале со страниц не извлекались стили jss, но методом проб и ошибок у меня есть мои основные стили, которые можно извлечь в html.
Все, что осталось сейчас, и самое важное, это получение стилей MUI для извлечения.
Я пытался использовать плагин, но ничего не вышло. делать то же самое, что и в примере в репозитории mui, не получилось. Попытка объединить файлы gatsby-srr и gatsby-browser из обоих компонентов Material-UI и Styled-компоненты в мои собственные попытки отладки, не сработала.
Так что мое последнее средство на самом деле - спрашивать людей, которые понимают все это и, надеюсь, может дать мне ответ.
Я снова сделал мой репо c, чтобы вы могли проверить его https://github.com/gijsbotje/lef-groningen
Вы можете проверить сайт на https://lefgroningen.netlify.com/ и посмотреть FOU C для себя. Это развернуто через netlify. Если вы отключите js, перезагрузите страницу и проверьте заголовок, который содержит полный элемент стиля styleled-components, но содержит только css для .jss1 в элементе стиля jss. Для этого должны быть использованы все стили mui, использованные на странице.
Надеюсь, что кто-то может помочь мне с этим, заранее спасибо!