Vercel의 Next.js 13 앱 배포 문제 - "모듈을 찾을 수 없음" 오류

Question

Vercel의 Next.js 13 앱에 배포 문제가 있습니다. 내 애플리케이션에 Next의 병렬 라우팅 기능을 추가하려고 합니다. 앱의 GitHub 저장소에 새로운 풀 요청을 만들기 위해 코드를 푸시하면 내 브랜치의 Vercel 배포가 성공적으로 완료되지만 500 오류가 발생합니다. Vercel 로그를 확인한 후 다음 오류 메시지를 발견했습니다.

으아악

배포 과정에서 필요한 모듈을 찾을 수 없는 것 같습니다/var/task/.next/server/app/@landing/page.js.

@landing 폴더에 있는 page.jsx 파일의 내용은 다음과 같습니다.

으아악

다음은 layout.jsx 파일의 내용입니다:

으아악

이것은 내 next.config.js 파일입니다:

으아악

내 설정에 대한 추가 세부정보는 다음과 같습니다.

Next.js 버전: 13.12.4 배포 플랫폼: Vercel 저장소: GitHub

저는 다음을 시도했습니다:

1. Vercel의 브랜치를 재배포하세요.
2. 빌드 프로세스가 오류 없이 로컬에서 완료되는지 확인하세요.
3. 필요한 종속성이 올바르게 설치되었는지 확인하세요.
4. 애플리케이션이 로컬에서 실행되고 제대로 작동하는지 확인하세요.

이 문제를 해결하는 방법에 대한 통찰력이나 제안을 제공해 주시면 감사하겠습니다. 도움을 주셔서 미리 감사드립니다!

Answer 1

다음 권장 문서를 사용하는 대신 내보내기 기본값을 사용하고 있기 때문일 수 있습니다.

해당 페이지에서 권장되는 내보내기는 다음과 같습니다:

으아아아