Page.js 没有根布局。要修复此错误，请确保每个页面都有根布局

Question

构建错误 编译失败 Next.js Page.js 没有根布局。

我从 github 获得了这个项目...我按照说明运行..但它显示了此错误..我尝试更新 vs 代码但不起作用..错误是相同的

Answer 1

您似乎遇到了 Next.js 的一个常见问题，即页面没有根布局。如果所需的布局文件丢失或配置不正确，就会发生这种情况。

要解决此问题，您可以按照以下步骤操作：

1. 创建根布局：确保应用程序目录中有 layout.js 或 layout.tsx 文件。该文件应定义您的应用程序的根布局。

   //应用程序/layout.js 从“反应”导入反应；

   导出默认函数 RootLayout({ Children }) { 返回 （ {孩子们} ）； }

2. 检查您的目录结构：确保您的目录结构符合 Next.js 约定。例如：

   /应用程序 /page.js /layout.js

3. 更新 Next.js 配置：如果您有自定义 webpack 配置，请确保它与最新的 Next.js 版本兼容。您可能需要启用某些实验性功能或更新您的配置。

4. 参考文档：有时，特定问题可能与您使用的 Next.js 版本有关。检查 Next.js 文档以获取任何特定于版本的说明或更新。

如果您仍然遇到问题，您可能会在 Next.js GitHub 讨论中或通过检查类似这样的相关问题来找到更详细的解决方案。