Wenn Sie von Seite 1 zu Seite 2 weiterleiten und dann mit dem Browser zu Seite 1 zurückkehren, wird Seite 1 umgebrochen

Question

Ich verwende Typescript-Routing basierend auf next 13.4.5 和 /app.

Auf meiner Seite 1 habe ich (nächster/Link), von dem aus ich zu Seite 2 navigieren kann. Wenn ich die Zurück-Schaltfläche des Browsers verwende, um zu Seite 1 zurückzukehren, bricht die gesamte Seite um. Beispielsweise verschwindet der obere Abschnitt und die Seite beginnt in der Mitte. Das CSS für die restlichen Seiten funktioniert nicht usw.

Meine Seite 1 ist total SSR. Aber auf Seite 2 bin ich bei page.tsx 中使用了 "use client";.

Teilen Sie die bereitgestellte Version der oben genannten Website:

1. Die Homepage ist Seite 1.
2. Die Anmeldeseite ist Seite 2.

Um zu kopieren, besuchen Sie https://buzzli.vercel.app und klicken Sie auf die Schaltfläche „Start“ in der oberen rechten Ecke. Dies ist das next/link-Tag. Sie gelangen zur Anmeldeseite. Versuchen Sie dann, mit der Zurück-Taste zur vorherigen Seite zurückzukehren. Sie werden Fehler sehen.

Ich weiß nicht, was ich hier falsch mache, deshalb teile ich keinen Code.

Answer 1

我发现了问题。

实际上问题在于嵌套的 标签。

项目结构是这样的：

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

我错误地在此内部布局文件中放置了另一个 html 标记。