Laluan dari halaman 1 ke halaman 2 dan kemudian menggunakan penyemak imbas untuk kembali ke halaman 1 memecahkan halaman 1

Question

Saya menggunakan penghalaan skrip taip berdasarkan next 13.4.5 和 /app.

Dalam halaman 1 saya ada (seterusnya/pautan) dari mana saya boleh menavigasi ke halaman 2. Jika saya menggunakan butang kembali pelayar untuk kembali ke halaman 1, seluruh halaman akan pecah. Sebagai contoh, bahagian atas hilang dan halaman bermula di tengah. CSS untuk seluruh halaman tidak berfungsi, dsb.

Halaman 1 saya benar-benar SSR. Tetapi pada halaman 2, saya berada di page.tsx 中使用了 "use client";.

Kongsi versi penggunaan tapak di atas:

1. Laman utama ialah halaman 1.
2. Halaman log masuk ialah halaman 2.

Untuk menyalin, lawati https://buzzli.vercel.app dan tekan butang "Mula" di penjuru kanan sebelah atas. Ini ialah tag next/link. Ia akan membawa anda ke halaman log masuk. Kemudian cuba gunakan butang kembali untuk kembali ke halaman sebelumnya. Anda akan melihat ralat.

Saya tidak tahu apa yang saya lakukan salah di sini jadi tidak berkongsi sebarang kod.

Answer 1

Saya jumpa masalahnya.

Sebenarnya masalahnya ialah tag bersarang.

Struktur projek adalah seperti ini:

/
--> layout
--> page
--> /login
    --> layout (the problem lied here)
    --> page

Saya tersilap meletakkan tag html lain di dalam fail susun atur dalaman ini.