Nextjs 13 appDir组路由水合错误

hwamh0ep  于 2023-03-02  发布在  其他
关注(0)|答案(1)|浏览(139)

我刚开始学习nextjs 13,我正在使用appDir的实验特性。我遇到的问题是当我在一个路由组中使用布局页面时出现水合错误。我有以下文件夹结构。
Image

***在后鼻涕虫水平,当我创建一个单独的布局,以避免博客布局显示,它显示错误,并在重新加载显示博客布局最初然后显示后/鼻涕虫布局在同一时间。任何人都可以建议如何使用路由组在这种情况下+我也希望类别和页面(联系人,关于)路由组一样,我与后分组。这是正确的方法来使用它?

下一个路由组导致水合错误

xiozqbni

xiozqbni1#

你能试试这个结构吗?

.
└── (blog)/
    ├── (Posts)/
    │   ├── [slug]/
    │   │   └── Page
    │   ├── Layout
    │   ├── Head
    │   └── Page
    └── (Studio)/
        ├── Layout
        ├── Head
        └── Page

相关问题