Razzle: サーバーでレンダリングされないスタイル

作成日 2017年07月05日  ·  3コメント  ·  ソース: jaredpalmer/razzle

スタイルがサーバー上でレンダリングされず、クライアントアプリが起動したときにのみレンダリングされるため、スタイルが設定されていないコンテンツが短時間点滅することに気付きました。 build/assets.jsonを見ると、$ yarn startを実行した後、 cssキーがありませんでしたが、 yarn buildを実行した後は存在しています。 本番ビルドでのみスタイルを抽出することを意図している場合は、クライアントアプリが起動してFOUCを防止する前に、スタイルをレンダリングする方法を理解しようとしています。

最も参考になるコメント

これは開発中にのみ発生します。 本番環境で実行する場合、FOUCはありません。 これに問題がある場合は、razzleを拡張して、extract text webpackプラグインを使用し、razzle-buildでプルされるのと同じように開発中にスタイルシートをプルすることをお勧めします。 この変更を行った場合、HMRが期待どおりに機能するかどうかはわかりません

全てのコメント3件

これは開発中にのみ発生します。 本番環境で実行する場合、FOUCはありません。 これに問題がある場合は、razzleを拡張して、extract text webpackプラグインを使用し、razzle-buildでプルされるのと同じように開発中にスタイルシートをプルすることをお勧めします。 この変更を行った場合、HMRが期待どおりに機能するかどうかはわかりません

スタイリングにスタイリングされたコンポーネント(CSSinJS)を使用していますが、本番環境でもこの問題に直面しています。

@corydeppenこんにちは。 この問題を解決しましたか?

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

krazyjakee picture krazyjakee  ·  3コメント

pseudo-su picture pseudo-su  ·  3コメント

MaxGoh picture MaxGoh  ·  4コメント

ewolfe picture ewolfe  ·  4コメント

kkarkos picture kkarkos  ·  3コメント