Mengapakah Saya Tidak Boleh Mengimport CSS Global daripada Fail Selain `pages/_app.js` dalam Next.js 9.2 ?

Mengapa "CSS Global tidak boleh Diimport daripada Fail Selain daripada " Tersuai anda?

Next.js versi 9.2 memperkenalkan merombak cara CSS global dikendalikan. Sebelum keluaran ini, CSS global boleh diimport daripada mana-mana modul. Walau bagaimanapun, amalan ini mengakibatkan cabaran dalam menyesuaikan tema dan mengurus gaya.

Penyelesaian:

Untuk menangani isu ini, Next.js kini memerlukan semua import CSS global dialihkan ke fail pages/_app.js. Ini membolehkan pembangun memusatkan dan mengawal gaya global tanpa menyerakkannya ke dalam berbilang fail.

Langkah-Langkah untuk Menyelesaikan Ralat:

1. Alih Keluar Sass Legasi Pemuat: Gantikan pakej @zeit/next-sass dengan sass.
2. Alih keluar Konfigurasi next.config.js: Alih keluar konfigurasi CSS daripada next.config.js untuk bergantung pada pemuat CSS terbina dalam.
3. Alihkan CSS Global ke pages/_app.js: Import CSS global dalam fail pages/_app.js, seperti yang ditunjukkan dalam contoh jawapan.

Nota: Jika anda perlu menambah gaya pada komponen atau halaman tertentu, anda boleh menggunakan ciri modul CSS terbina dalam. Ini membolehkan anda mencipta gaya berskop yang hanya digunakan pada komponen atau halaman tertentu di mana ia diimport.

Maklumat Tambahan:

• [Next.js CSS Loader](https://nextjs.org/docs/advanced-features/customizing-css)
• [Modul CSS dalam Next.js](https://nextjs.org/learn/basics/css/ modul)

Atas ialah kandungan terperinci Mengapakah Saya Tidak Boleh Mengimport CSS Global daripada Fail Selain `pages/_app.js` dalam Next.js 9.2 ?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!