スタイルがサーバー上でレンダリングされず、クライアントアプリが起動したときにのみレンダリングされるため、スタイルが設定されていないコンテンツが短時間点滅することに気付きました。 build/assets.json
を見ると、$ yarn start
を実行した後、 css
キーがありませんでしたが、 yarn build
を実行した後は存在しています。 本番ビルドでのみスタイルを抽出することを意図している場合は、クライアントアプリが起動してFOUCを防止する前に、スタイルをレンダリングする方法を理解しようとしています。
これは開発中にのみ発生します。 本番環境で実行する場合、FOUCはありません。 これに問題がある場合は、razzleを拡張して、extract text webpackプラグインを使用し、razzle-buildでプルされるのと同じように開発中にスタイルシートをプルすることをお勧めします。 この変更を行った場合、HMRが期待どおりに機能するかどうかはわかりません
スタイリングにスタイリングされたコンポーネント(CSSinJS)を使用していますが、本番環境でもこの問題に直面しています。
@corydeppenこんにちは。 この問題を解決しましたか?
最も参考になるコメント
これは開発中にのみ発生します。 本番環境で実行する場合、FOUCはありません。 これに問題がある場合は、razzleを拡張して、extract text webpackプラグインを使用し、razzle-buildでプルされるのと同じように開発中にスタイルシートをプルすることをお勧めします。 この変更を行った場合、HMRが期待どおりに機能するかどうかはわかりません