Next.js: [9.5.3] Gaya / _error.jsx berikutnya dari modules.scss tidak berfungsi

Dibuat pada 8 Sep 2020 · 3Komentar · Sumber: vercel/next.js

Laporan bug

Jelaskan bugnya

sejak 9.5.3 (di 9.5.2 berfungsi dengan baik), halaman kesalahan kustom memiliki gaya yang rusak

Untuk Mereproduksi

menggunakan sass untuk menata

buat halaman kesalahan kustom _error.jsx (tsx dalam kasus saya)

perlu membangun untuk melihat halaman kesalahan yang sebenarnya, dan mencoba membuat kesalahan
(benang membangun && benang mulai)

di halaman kesalahan, gaya global berfungsi dengan baik
tetapi setiap module.scss rusak bahkan untuk halaman kesalahan utama atau untuk komponen yang diimpor

Sistem Informasi

sass: 1.26.10
OS: [macOS catalina || ubuntu 18,04 lts]
Versi Node.js: [v10.22.0 || v13.14.0]

bug 3 needs investigation

Sumber

vdiazroa

👍5

Komentar yang paling membantu

Hai, saya juga sama.
Berikut contoh aplikasi untuk direproduksi. Saya harap ini membantu Anda.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno pada 10 Sep 2020

👍6

Semua 3 komentar

Hai, saya juga sama.
Berikut contoh aplikasi untuk direproduksi. Saya harap ini membantu Anda.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno pada 10 Sep 2020

👍6

Dalam mencoba men-debug ini secara lokal, saya dapat melihat bahwa tidak ada jalur yang disediakan untuk getCssLinks berisi jalur ke file css dari modul css:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L160

Menelusuri kembali saya dapat melihat baris ini di getDocumentFiles , yang sepertinya itu bisa menjadi kandidat yang baik untuk penyebab masalah:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L59

tetapi baris itu diubah 2 bulan yang lalu di https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581. Menelusuri kembali lebih jauh kami mencapai getPageFiles , perubahan terakhir ada https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 menjadi "Ubah file prioritas rendah dalam manifes", _possibly_ apa pun yang terjadi di di sini bisa jadi penyebabnya? Maksudnya sulit untuk ditentukan tetapi perubahan ini _mungkin_ telah melanggar kontrak untuk data yang dibutuhkan untuk mendapatkan jalur CSS?

https://github.com/vercel/next.js/blob/3597978d7f121f11df99cd7cd757e1eb9868fff7/packages/next/next-server/server/render.tsx#L685 -L701

Tautkan di sini ke diff tempat di atas diperkenalkan di commit 3597978