ページ 1 からページ 2 にルーティングし、ブラウザを使用してページ 1 に戻ると、ページ 1 が中断されます。

Question

私は next 13.4.5 および /app に基づいた typescript ルーティングを使用しています。

ページ 1 には (next/link) があり、そこからページ 2 に移動できます。 ブラウザの戻るボタンを使用して 1 ページ目に戻ると、ページ全体が壊れてしまいます。たとえば、上部のセクションが消えて、ページが中央から始まります。ページの残りの CSS が機能しないなど。

私のページ1は完全にSSRです。ただし、ページ 2 では、page.tsx で "use client"; を使用しました。

上記のサイトの展開バージョンを共有します:

1. ホームページは 1 ページ目です。
2. ログインページは2ページ目です。

コピーするには、https://buzzli.vercel.app にアクセスし、右上隅の [開始] ボタンを押します。これは next/link タグです。ログインページに移動します。次に、戻るボタンを使用して前のページに戻ってみてください。エラーが表示されます。

ここで何が間違っているのかわからないので、コードは共有しません。

Answer 1

問題が見つかりました。

実際には、ネストされた タグに問題があります。

プロジェクトの構造は次のとおりです:

リーリー

この内部レイアウト ファイル内に別の html タグを誤って配置してしまいました。