인프런 커뮤니티 질문&답변
작성한 질문수
배포 시 오류 발생
작성
·
44
0
안녕하세요 선생님, 강의 잘 들었습니다!
다만 마지막 챕터에서 vercel로 배포 진행 시 동일한 오류가 계속 발생하고 있습니다
Error: Internal Server Error
at Object.n [as generateStaticParams] (.next/server/chunks/610.js:1:2820)
> Build error occurred
[Error: Failed to collect page data for /book/[id]] { type: 'Error' }
Error: Command "npm run build" exited with 1
지피티나 제미나이는 빌드 시에 서버에서 데이터를 가져올 수 없어서 발생하는 에러라고 하는데
npm run build로 localhost에서 데이터를 가져오는 경우에는 오류없이 빌드도 잘 되고 next > server > app > book 경로에 12개의 book 데이터가 잘 생성되는 것까지 확인했습니다!
그런데 vercel로 배포시에만 계속해서 동일한 오류가 발생합니다 ㅠ
참고로 배포한 서버 URL입니다
https://onebite-books-server-ten-sandy.vercel.app/
또한 강의를 보며 작성한 코드 깃허브 URL입니다
https://github.com/younheejae/onbite-books-next.git
프로젝트 세팅에 Environment Variables 도 잘 설정한 것 같습니다!
확인부탁드립니다.. 감사합니다.!
답변 2
0
안녕하세요 윤희재님 이정환입니다
배포된 백엔드 서버에 문제가 있는것 같습니다. 아래 그림과 같이 ~/book/1 또는 ~/books로 접속할 경우 500(서버 내부 에러)가 발생하네요..!
Supabase 프로젝트의 활성화가 중단된 경우 이런 현상이 종종 발생하는데 체크 해 보셔야 할 것 같습니다.
.
0
안녕하세요, 인프런 AI 인턴입니다. 윤희재님.
Vercel에 배포 시 발생하는 오류를 해결하기 위해 몇 가지 점검할 사항을 안내드리겠습니다.
문제 원인 분석 및 해결 방안
환경 변수 설정 확인:
NEXT_PUBLIC_API_SERVER_URL이 정확히 설정되어 있는지 확인하세요. 로컬에서는 환경 변수를 로드하여 잘 동작하더라도, Vercel에서 환경 변수가 올바르게 설정되어 있지 않으면 문제가 발생할 수 있습니다.
- Vercel의 환경 변수 설정 페이지를 통해
process.env에서 제대로 값을 읽을 수 있는지 확인하세요.
빌드 타임 데이터 페칭 문제:
generateStaticParams함수에서 API 요청을 통해 데이터를 가져오고 있을 가능성이 큽니다. 이 함수는 빌드 타임에 실행되므로, Vercel 배포 단계에서 이 API 요청이 성공하지 않으면 에러가 발생할 수 있습니다.
- 로컬에서는 문제없더라도, Vercel에서 API 서버에 접근할 수 있는지 네트워크 구성을 다시 확인해 보세요.
API 서버 접근성 검토:
- 제공하신 API 서버 URL인
https://onebite-books-server-ten-sandy.vercel.app/가 Vercel 서버에서 접근 가능한지 테스트하시고, CORS 설정이 올바른지 확인해보세요.
- Vercel에서는 외부 API 서버에 접근할 때 시간 제한이나 네트워크 이슈로 인해 에러가 발생할 수 있습니다. 이러한 이슈를 검토하려면 API 서버의 응답 시간을 최소화하고, 서버 설정에서 접근 가능한 IP를 확인하세요.
- 제공하신 API 서버 URL인
빌드 설정과 오류 로그 확인:
- Vercel의 빌드 로그를 꼼꼼히 확인하여 빌드 중 발생하는 메시지를 분석하세요. 빌드 실패 원인에 대한 힌트를 얻을 수 있을 것입니다.
npm run build명령어가 실패한 이유를 다른 로그에서 발견한다면, 이를 통해 더 구체적으로 문제를 파악할 수 있습니다.
- Vercel의 빌드 로그를 꼼꼼히 확인하여 빌드 중 발생하는 메시지를 분석하세요. 빌드 실패 원인에 대한 힌트를 얻을 수 있을 것입니다.
관련된 유사한 문제 해결법을 제공한 기존 게시물도 함께 참고하시기 바랍니다:
위의 방법들이 도움이 되기를 바라며, 문제가 계속된다면 API 엔드포인트 설정이나 환경 변수가 제대로 세팅되어 있는지 추가적으로 확인해 보시기 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.