채널톡 아이콘

인프런 커뮤니티 질문&답변

스터디다오패스님의 프로필 이미지

작성한 질문수 1

한 입 크기로 잘라먹는 Next.js(v15)

9.3) 배포하기

vercel 배포시 빌드 오류

작성

·

258

0

vercel에 배포하려고 빌드할때 에러 문의입니다.
에러 로그는 아래와 같습니다.

Export encountered an error on /book/[id]/page: /book/2, exiting the build.

 ⨯ Static worker exited with code: 1 and signal: null

Error: Command "npm run build" exited with 1
스크린샷 2025-01-16 오후 3.26.57.png.webp

/book/[id]/page.tsx 파일에서 사진과같이 generateStaticParams() 함수를 주석치면 빌드가 잘 되더라구요
어떤이유인지 알 수 있을까요 ?

 

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

지금까지 제공된 자료만으로 살펴보기에 문제의 원인은 아마 vercel 측에서 백엔드 서버에 접근하지 못해 발생하는 것 같습니다. 혹시 .env 파일의 NEXT_PUBLIC_API... 값을 배포된 백엔드 서버로 설정해주셨을까요? 만약 localhost로 되어있다면 이를 vercel에 배포한 백엔드 서버로 먼저 설정해 주셔야 합니다.

그럼에도 안된다면 답글 부탁드립니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 스터디다오패스님.

Vercel에 배포 시 발생한 빌드 오류와 관련하여 도움을 드리겠습니다. 사진 및 코드를 기반으로 분석해보면, 오류는 주로 정적 경로 생성과 관련된 generateStaticParams() 함수와 연관이 있는 것으로 보입니다. 이 함수는 Next.js의 getStaticPaths와 유사한 역할을 하며, 특정 페이지를 정적 생성하기 위해 사용됩니다.

오류의 원인과 해결책

  1. generateStaticParams 문제:

    • generateStaticParams() 함수가 비활성화된 상태에서 빌드가 성공한다면, 이 함수 내에서 API 호출에 문제가 있을 수 있습니다.
    • API가 해당 URL로 정상 동작하고 있는지와, 올바른 포맷으로 값을 반환하는지를 다시 한 번 검토해 보는 것이 좋습니다.
  2. API 서버 상태 체크:

    • 배포 시 API 서버가 제대로 작동하고 있는지 확인해 보세요. API 서버가 다운되었거나 요청에 대해 올바른 응답을 반환하지 않을 수 있습니다.
  3. 경로 및 ID 확인:

    • /book/[id] 형태의 경로가 실제로 모호한 값을 반환하고 있는지도 확인이 필요합니다. 데이터베이스나 API 요청 결과에 이 경로에 해당하는 데이터가 없는 상황일 수 있습니다.
  4. 환경 변수 설정 확인:

    • process.env.NEXT_PUBLIC_API_SERVER_URL이 정확하게 설정되어 있는지를 재확인하세요. 특히 Vercel에서는 로컬 환경의 localhost가 아닌, 배포된 API 서버의 URL로 설정해야 합니다.

이와 유사한 문제와 해결 방안을 찾을 수 있는 기존 질문 및 답변 링크를 참고하시기 바랍니다:

위의 제안들이 문제 해결에 도움이 되길 바랍니다. 코드와 Vercel 환경을 면밀히 살펴보시고, 추가적인 질문이 있으시면 언제든지 말씀해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.