Mengapa Saya Mendapat Ralat 'Tetingkap tidak ditentukan' dalam Apl Next.js Saya?

Ralat "Tetingkap tidak ditakrifkan" dalam Apl Next.js React

Satu cabaran biasa yang dihadapi semasa membina aplikasi React dengan Next.js ialah ketidakupayaan untuk mengakses objek tetingkap kerana Next.js menggunakan pemaparan sebelah pelayan secara lalai. Ketiadaan objek tetingkap ini boleh membawa kepada ralat seperti "ReferenceError: window is not definition."

Perangkap biasa cuba menggunakan objek tetingkap semasa kaedah kitaran hayat komponen seperti componentWillMount. Walau bagaimanapun, memandangkan kaedah ini dilaksanakan pada pelayan, objek tetingkap penyemak imbas tidak tersedia semasa fasa ini.

Penyelesaian mudah untuk masalah ini ialah menggunakan semakan bersyarat untuk mengesahkan sama ada objek tetingkap ditakrifkan. Ini memastikan bahawa kod yang bergantung pada objek tetingkap hanya dilaksanakan pada bahagian klien, di mana ia mempunyai akses kepadanya:

if (typeof window !== "undefined") {
  // Client-side-only code
}

Dengan memasukkan semakan bersyarat ini, kod anda akan mengendalikan ketiadaan objek tetingkap semasa pemaparan sebelah pelayan.

Atas ialah kandungan terperinci Mengapa Saya Mendapat Ralat 'Tetingkap tidak ditentukan' dalam Apl Next.js Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!