Percebi que os estilos não são renderizados no servidor e só são renderizados quando o aplicativo cliente é iniciado, causando um breve flash de conteúdo sem estilo. Quando olhei para build/assets.json
, a chave css
estava faltando depois de executar yarn start
, mas está presente depois de executar yarn build
. Se for intencional extrair os estilos apenas para uma compilação de produção, estou tentando entender como os estilos podem ser renderizados antes do aplicativo cliente iniciar e impedir o FOUC.
Isso só acontece durante o desenvolvimento. Não há FOUC quando executado em produção. Se isso for problemático, sugiro estender o razzle para usar o plug-in extract text webpack para extrair folhas de estilo durante o desenvolvimento, assim como elas são extraídas no razzle-build. Não tenho certeza de que o HMR funcionará da maneira que você espera se fizer essa alteração
Estou usando componentes com estilo (CSSinJS) para meu estilo e também estou enfrentando esse problema na produção.
@corydeppen Olá. Você resolveu este problema?
Comentários muito úteis
Isso só acontece durante o desenvolvimento. Não há FOUC quando executado em produção. Se isso for problemático, sugiro estender o razzle para usar o plug-in extract text webpack para extrair folhas de estilo durante o desenvolvimento, assim como elas são extraídas no razzle-build. Não tenho certeza de que o HMR funcionará da maneira que você espera se fizer essa alteração