Kirim gaya MUI dengan markup yang membutuhkan mereka

Fixkamo-internal
Dikirim
2 September 2026 pukul 09.08 UTC
Penulis
kamo
Commit
d473a2c

provenal.kamocrm.com sedang melayani sebuah dokumen 1.34 MB berisi 123 'css- xxxxx' nama kelas - 'MuiBox-root css-e26q24' di antara mereka - dan tidak satu aturan untuk salah satu dari mereka. Sebuah lukisan browser yang persis seperti yang diberikan, dan apa yang diberikan adalah laporan Flash: nav 's "loading"... sebagai unstyled' < h6 > 'macet di atas-kiri sudut, dan delapan elemen 'MuiSvgIcon' '< svg >' di sampingnya pada 300x150 masing-masing, yang menjadi ukuran elemen diganti dibutuhkan ketika tidak ada ukuran itu dan ikon MUI tidak membawa atribut lebar atau tinggi. Kemudian dehidrasi berjalan, emosi dimasukkan setiap aturan klien-sisi, dan halaman bentak ke tempatnya. Shell telah dalam HTML sejak 'perf (ssr): server- membuat otentikasi app ', dan itu layak dijaga - itu adalah perbedaan antara dokumen dengan 16 KB dari DOM nyata di dalamnya dan satu dengan hampir tidak ada. Apa yang juga dilakukan adalah membuat aplikasi tergantung pada sesuatu tidak ada di sini asserts: bahwa nama kelas Emosi menulis ke markup yang tiba dengan aturan mereka. Emosi memutuskan bahwa Setiap render, dari membaca sendiri lingkungan, dan tidak ada cara untuk melihat dari dalam aplikasi apakah itu benar. Tidak melempar, tidak log, tidak ada uji yang menghasilkan pemberitahuan komponen, dan halaman benar beberapa ratus milidetik kemudian. Sebuah pembangunan kembali telah sejak dihasilkan gambar yang tidak memancarkan mereka, yaitu setengah dari masalah lainnya: perilaku tidak kita bergantung pada. Jadi dikatakan bukan diasumsikan. EmotionRegistry merender the tree through a cache dalam mode compat, mengumpulkan apa cache memasukan, dan memancarkan melalui 'Digunakan ServerInsertedHTML', yang meminta apa-apa tentang lingkungan. Diukur terhadap aplikasi sebenarnya: satu '< gaya >' dalam '< head >', 48,5 KB, mendefinisikan semua 58 dari kelas yang disajikan markup menggunakan, di tempat 71 tag tersebar ke seluruh tubuh - di depan markup daripada interleaved dengan itu. Kunci 'css', yang merupakan default emosi, jadi tidak ada nama kelas di mana saja perubahan; itu adalah juga kunci browser- side 'createCache' terlihat ketika mengadopsi server- ditulis 'gaya [data- emosi]' elemen, yang adalah apa yang menghentikan klien memasukkan semua 58 untuk kedua kalinya. Tidak ada sebelumnya: perintah memutuskan apa-apa di sini baik arah, karena 'app / globals.css' dan white- label tema CSS berisi tidak ada '.Mui' pemilih sama sekali dan 'tailwind.config.js' set 'penting: benar'. '@ emotion / cache' sudah ada di pohon sebagai ketergantungan dari '@ emotion / react'; ini mendeklarasikan itu, pada versi yang telah diselesaikan, sehingga entri lockfile tidak tidak bergerak dan 'npm ci' menginstal persis apa yang terpasang sebelumnya. Dijaga, karena kegagalan tidak terlihat untuk segala sesuatu yang lain di repositori. check-emotion.ssr gagal bila registri dihapus atau penyedia dihoisted di atasnya - yang akan diam-diam mengambil bahwa subtree gaya kembali dari dokumen - dan kedua kegagalan dikonfirmasi akan ditangkap sebelum penjaga itu Kabel ke 'npm test'. Verifikasi: stylesheet yang dikeluarkan mencakup setiap kelas di markup dilayani, dengan * * * * * * * * * * di antara mereka; semua 13 penjaga lain lulus; tsc melaporkan ada yang baru; vitest adalah pada 30 yang sama pra-kegagalan yang ada sebagai asal / main ada di mesin ini (@ kamo / * paket di belakang lockfile lokal).

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga