我有一个根布局/app/layout.tsx和身份验证页面.我希望身份验证页面不会获得根布局，并且我在/app/auth/layout.tsx文件中为它们定义了一个定制布局.
但是根布局(/app/layout.tsx)包装定制布局(/app/auth/layout.tsx).如何将身份验证页面和子页面排除在获取根布局之外？
我try 将auth dir名称放在()中作为(auth)，但不起作用.大多数解决方案都是针对Pages Router人的，对App Router人不起作用.
我使用的是Next.js 13.4.
在Next.js的app目录中，使用Create React App或Vite时，将根布局视为index.html文件.您的组件应该在那里呈现.这就是为什么它是必需的，并且应该定义html和body个标签，正如doc所说的:
app目录必须包括根app/layout.js. 根布局必须定义<html>和<body>标记.
如果应用程序的不同部分应该不同，则可以使用Routes Groups创建multiple root layouts:
要创建多个根布局，请删除顶级
layout.js文件，并在每个路由组中添加一个layout.js文件.这对于将应用程序划分为具有完全不同的UI或体验的部分非常有用.<html>和<body>标签需要添加到每个根布局.
在上面的示例中，
(marketing)和(shop)都有自己的根布局.
例如，您可以将marketing替换为general，将shop替换为auth.附注，(...)个文件夹不会影响URL.