inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Vercel을 이용한 초간단 배포

vercel에 등록 중...

해결된 질문

106

kelo

작성한 질문수 19

0

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

image.png

 

react 웹앱 next.js cursor 인공지능(ai)

답변 2

1

신제용

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

 

1.

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

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

 

2.

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

> Build Logs

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

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

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

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

 

3.

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

0

kelo

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

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

챗지피티에 물어보니,

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

NEXT_PUBLIC_SUPABASE_URL

NEXT_PUBLIC_SUPABASE_ANON_KEY

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

드디어 성공했습니다~

감사합니다 선생님.

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

1

신제용

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

0

인프런 AI 인턴

안녕하세요, 인프런 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의 공식 문서를 통해 배포 설정에 대한 추가 정보를 얻으실 수 있습니다. 자주 발생하는 에러와 해결책을 문서에서 찾을 수 있습니다.

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

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

깃 실습할때 MyCoolApp관련 내용 직접 적어야 하나요?

0

63

1

토스페이먼츠 개발자 화면이 강의와 많이 달라졌는데 확인 부탁드립니다.

0

98

1

Git Graph가 강사님처럼 나타나지 않는데요.

0

263

2

구글에드센스 velcel 상업적이용

0

353

1

토스페이먼츠 연동하여 결제하기 오류

0

281

1

커서 유료버전 써야하나요?

0

1255

2

저도 api로 들어왔는데 상단 메뉴에 대쉬보드가 안보입니다 ㅜ

0

146

2

블로그 애드센스 인증 실패문제

0

157

2

클로드 3.5 or 4.0 유료 구매를 해야 하나요^^

0

249

1

Kakao AdFit, Stripe 내용

0

74

2

커서 룰 추가 시, Agent Requested 가 보이지 않아요

0

181

2

ai가 제대로 작동하지 않는 것 같아요

0

104

2

런 커맨드 버튼이 보이지 않아요

0

130

2

커서 설치 후, 리뷰 셋팅 화면에서 언어를 한국어로 설정 후, 터미널이 인스톨되지 않습니다

0

239

3

openai.com 로그인했는데 데시보드가 안보여요. 어디서 봐야하나요?

0

288

2

카카오톡 공유 API 연동 중 SDK 오류에 대한 질문

0

168

1

Versel 대신...Cloudflare Workers 어떨까요?

0

216

1

사업자 등록

0

87

2

강사님 open ai api key 결제하는 게 나을까요?

0

314

2

강사님 Git 실습 화면에서 M 처리

0

90

2

CSS 적용이 안되는 문제

0

132

2

커서 한국어 설정이 안됩니다.

0

517

1

git허브 커밋에서

0

60

2

승인된 리디렉션 URI등록 이유

0

228

2