私は netlify に gatsby サイトを展開しました。これは、表示時に特定の要素、ボタンの css をレンダリングしませんが、ボックスなどの他の要素では機能します。
サイトをローカルで実行すると、正常に機能してレンダリングされます。
ローカルでレンダリング:
デプロイ後のレンダリング:
ギャツビーのサイトでエモーション10を使っています。
オブジェクト スタイルと文字列スタイルの両方を使用してみました。同じスタイリングは、同じcssのいくつかを使用するボックスなど、私が持っている他のコンポーネントでも機能します。
これは、CSS が開発ツールでどのように見えるかです。
なぜこれが起こっているのでしょうか？