Next.js 13 애플리케이션 디렉터리 경로 그룹화에서 "/(public)()에 대해 제공된 일치하지 않는 경로"가 발생합니다.

Question

각 라우팅 그룹에 대해 서로 다른 레이아웃을 만들려고 합니다. 레이아웃에는 인증, 대시보드, 공개의 3가지가 있습니다. 그러나 경로를 그룹화하면 "/(public)에 제공된 경로가 일치하지 않습니다"라는 오류가 발생합니다. 내 폴더 구조는 다음과 같습니다.

구조에 문제가 있는 걸까요? 아니면 내가 뭔가를 놓치고 있는 걸까?

Answer 1

이 문서를 확인하세요 - https://nextjs.org/docs/app/building-your-application/routing/colocation

귀하의 (공개) 그룹에 하위 페이지가 없는 경우. 하위 키를 (공용) 폴더 밖으로 이동하고, 그렇지 않으면 page.tsx를 경로를 나타내는 폴더로 이동합니다.

Answer 2

Turbopack이 포함된 NextJs 버전 13.4.12에서 이 오류가 발생합니다. webpack을 다시 사용하려면 package.json 스크립트에서 "dev": "next dev ---turbo"를 제거하고 "dev": "next dev"로 바꾸세요. 적어도 현재 베타 버전에서는 버그가 있을 수 있습니다.