多个根布局导致整页加载nextjs 14

Question

问题是当我尝试在两个根布局页面之间导航时，整个页面加载

在我的 nextJs 应用程序（NextJS 14）中，我创建了两个根布局，但是当我从第一个布局导航到第二个布局时，它会导致整个页面加载，由于这个问题，我无法使用反应上下文。

这是多个根布局的文档链接：

我该如何解决这个问题

Answer 1

正如您所参考的文档中指出的那样：

跨多个根布局导航将导致整页加载（与客户端导航相反）。例如，从以下位置导航使用 app/(shop)/layout.js 的 /cart 到使用的 /blog app/(marketing)/layout.js 将导致整页加载。仅此而已适用于多个根布局。

“好消息”下的最后一行。

基本上，你有 2 个不同的 html（来自根

<html>

标签），所以你不能真正期望任何其他东西。