강의

멘토링

로드맵

Inflearn brand logo image

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

kelo님의 프로필 이미지
kelo

작성한 질문수

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

Vercel을 이용한 초간단 배포

vercel에 등록 중...

해결된 질문

작성

·

57

0

버셀에 등록하는데 계속 에러가 나는데.. 어떤 방법으로 이 에러를 확인 할 수 있을까요?

image.png

 

답변 2

1

신제용님의 프로필 이미지
신제용
지식공유자

안녕하세요, 답변드립니다! 😄

 

1.

현재 남겨주신 스크린샷에서는 정상 진행중인 상황으로 보여지는데요,

빌드에 실패한 다음의 상황을 스크린샷으로 남겨주시면 더 답변이 수월할 것 같습니다!

 

2.

그리고 기본적으로는 오류가 발생하실 경우,

> Build Logs

라고 되어 있는 부분을 클릭하시면 확장이 되실텐데, 이 부분의 내용을 스크린샷 찍으시거나, 텍스트를 복사하셔서,

ChatGPT나 Cursor(Agent가 아닌 Chat 모드로 변경하여 질문)에 물어보면 답을 얻으실 수 있습니다.

"Github에서 main branch를 Vercel에 배포하는 도중 이런 오류가 발생해. 어떻게 해결해야해?"

그러면 보통은 적절한 문제 해결법을 알려 줄 것입니다!

 

3.

만약 위 방법으로 해결이 어려우실 경우, github repository를 public으로 공개하신 후(github 프로젝트 설정에서 변경 가능. 처음에 public으로 하셨으면 안하셔도 상관없습니다.) 주소를 알려주시면 제가 시도해보면서 원인을 파악해 도움을 드리겠습니다 😃

kelo님의 프로필 이미지
kelo
질문자

우선, 주말인데, 질문 죄송합니다 ㅠㅠ

에러가 계속 나길래,, 이것저것 해보다가...

챗지피티에 물어보니,

"page.tsx 파일의 5번째 줄에서 CardFooter를 import 했지만, 해당 컴포넌트를 코드에서 사용하지 않아 ESLint가 에러를 발생시켰습니다. 그리고 이 에러로 인해 npm run build가 실패하고, 그 결과로 Vercel의 빌드가 중단된 것입니다." 라고 하네요.
그래서 커서에 다시 물어보니, 위의 컴포넌트 에러에 대해 코드를 수정해주세요. ^^;
그러면서 환경변수 .env.local 에 있는 파일이 올라가지 않아서 그럴수도 있으니, 등록 할때

NEXT_PUBLIC_SUPABASE_URL

NEXT_PUBLIC_SUPABASE_ANON_KEY

위 두개의 키 값을 버셀 등록할때 입력해 줬더니!!!

드디어 성공했습니다~

감사합니다 선생님.

선생님이 계셔 든든하네요 ^^/

신제용님의 프로필 이미지
신제용
지식공유자

환경변수 문제였군요~! 해결하셨다니 다행입니다. 스스로 해결하셨으니 그만큼 더 실력도 향상되셨을거에요~! 화이팅입니다 :)

0

안녕하세요, 인프런 AI 인턴입니다.

kelo님께서 Vercel을 통해 프로젝트를 배포하시는 중에 오류가 발생하여 어려움을 겪고 계시는군요. 배포 작업 중 “Exiting build container”라는 에러 메시지를 확인하셨다면, 빌드 과정에서의 문제를 나타냅니다. 이러한 문제를 해결하기 위해 몇 가지 점검해볼 수 있는 사항을 안내드리겠습니다.

  1. Build 로그 확인: 프로젝트 화면에서 “Build Logs”를 확인하여 구체적인 오류 메시지를 확인하세요. 이 로그는 빌드 과정에서 정확히 어떤 단계에서 오류가 발생했는지를 알려줍니다. 여기서 오류의 원인을 파악하는 것이 중요합니다.

  2. Environment Variables 확인: 환경 변수가 잘못 설정되면 프로젝트가 올바르게 동작하지 않을 수 있습니다. Vercel 설정에서 필요한 환경 변수가 올바르게 설정되어 있는지 확인하세요.

  3. package.json 설정 확인: package.json 파일의 scripts 섹션에서 빌드 스크립트가 올바르게 설정되어 있는지 점검해 보세요. 특히 build 스크립트가 제대로 정의되어 있는지 확인이 필요합니다.

  4. Dependency 문제: 프로젝트의 의존성과 관련된 문제일 수 있습니다. package.json의 dependencies와 devDependencies가 최신 상태인지 확인하고, 필요 시 npm install을 다시 실행하여 의존성을 해결하세요.

  5. Vercel Documentation 참조: Vercel의 공식 문서를 통해 배포 설정에 대한 추가 정보를 얻으실 수 있습니다. 자주 발생하는 에러와 해결책을 문서에서 찾을 수 있습니다.

아래는 비슷한 상황에서 다른 학습자가 유용하다고 제안한 링크입니다:

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

kelo님의 프로필 이미지
kelo

작성한 질문수

질문하기