Ошибка NextJS: гидратация не удалась, поскольку исходный пользовательский интерфейс не соответствует тому, что было отображено на сервере. в папке экспериментального каталога приложения
У меня есть следующая проблема на nextJS Я не могу добавить новую страницу в NextJS 13, используя папку экспериментального каталога приложения.
Я зашел в свой каталог /device/settings и получил следующее:
Это структура папок, которая у меня есть сейчас:
А это страница настроек внутри папки устройства внутри каталога приложения 'app/device/settings.tsx' => 'device/settings'
Что я могу делать неправильно, я новичок в NextJS, не могли бы вы мне помочь?
Ответы 1
Вы должны использовать папки в каталоге приложений Next.js: https://beta.nextjs.org/docs/routing/defining-routes#creating-routes.
Внутри каталога приложения папки используются для определения маршрутов.
Каждая папка представляет собой сегмент маршрута, который сопоставляется с сегментом URL. Чтобы создать вложенный маршрут, вы можете вложить папки друг в друга.
Это идеально, я думал, что карта в конце должна быть с самим файлом, а не с папкой. Спасибо, теперь работает!