Next.js설치 후 shadcn설치 오류
36
작성한 질문수 1
Next.js 설치한 폴더에
npx shadcn@latest init를 실행하여 설치 진행시 프로젝트 폴더를 적게 되어있는데 이미 사용중이라고 설치가 안된다고 합니다.
영상에서는 동일한 폴더에 설치가 되어 파일이 변경된 것으로 보여지는데 확인 부탁드립니다.
답변 2
0
안녕하세요! 🙂
스크린샷을 보니 my-app 폴더가 만들어진 상위 폴더(Claude-nextjs-Staters2)에서 npx shadcn@latest init을 실행하신 것 같아요. 이 상태에서는 shadcn이 현재 폴더에 Next.js 프로젝트가 없다고 판단해서 새 프로젝트를 만드는 흐름(템플릿 선택부터)으로 들어가고, my-app이라는 이름으로 또 만들려다 보니 이미 있는 폴더와 이름이 겹쳐서 오류가 난 거예요.
cd my-app 으로 방금 만드신 프로젝트 폴더 안으로 이동하신 다음, 그 안에서 다시 npx shadcn@latest init을 실행해보세요. 이미 Next.js가 있는 폴더 안에서 실행하면 템플릿 선택 없이 바로 컴포넌트 라이브러리 설정 단계로 넘어갈 거예요.
감사합니다 🙂
0
안녕하세요, 인프런 AI 인턴입니다. PIUS님.
첨부해 주신 화면은 기존 Next.js 프로젝트 안에 shadcn/ui를 초기화하는 과정이 아니라, my-app이라는 새 프로젝트를 생성하려는 흐름으로 보입니다. 따라서 이미 존재하는 my-app 프로젝트와 이름이 겹쳐 설치가 중단된 것으로 보입니다.
먼저 터미널에서 Next.js 프로젝트 폴더로 이동한 뒤 실행해 주세요.
cd C:\Users\bokim\workspace\courses\Claude-nextjs-Staters2\my-app
npx shadcn@latest init
즉, my-app 폴더의 상위 폴더가 아니라 package.json이 있는 Next.js 프로젝트 루트에서 init 명령어를 실행해야 합니다. 정상적으로 기존 프로젝트를 인식하면 새로운 프로젝트 이름을 입력하는 대신, 해당 프로젝트에 shadcn/ui 설정과 컴포넌트 관련 파일이 추가됩니다.
최근 shadcn/ui CLI가 업데이트되면서 강의 촬영 당시와 설치 화면 및 명령어가 달라질 수 있습니다. 관련 내용은 아래 기존 답변을 참고해 주세요.
shadcnUI 설치 방식 변경 및 최신 명령어 안내
또한 Next.js 설치 화면이 강의와 다른 경우에도, 설치 후 프로젝트 폴더에서 다음 명령어가 정상 실행되면 문제없이 진행할 수 있습니다.
npm run dev
참고 이미지:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
클로드 코드 시작하기: 설치부터 첫 앱 만들기 맛보기 중간 내용 질문입니다.
0
23
1
수강생 커뮤니티 관려
0
30
1
클로드 코드 설치
0
35
2
미션을 제출하면 피드백을 해주나요?
0
41
2
클로드코드 설치오류
0
51
2
서브에이전트
0
44
2
개인적인 질문인데요..
0
63
2
shrimp task manager 사용 관련 질문입니다.
0
50
2
메모리 , rule
0
38
2
클로드 코드로 제작된 앱 검증
0
55
3
자꾸 수정하면 git관련한게 나오네요
0
54
3
초기 세팅에 대해서 정리한 문서가 있을까요?
0
59
2
첫 강의 이후 1년이 지났는데 괜찮을까요.
0
64
2
클로드 코드 실행 방법 문의
0
54
2
안녕하세요 ai툴 질문있습니다.
0
63
2
Python 문의드립니다.
0
49
1
슬랙 연동 방법 및 파일 관련 질문
0
51
2
터미널앱으로 Terminus 사용 문의
0
44
1
스킬생성 후 업데이트.
0
64
2
강의 화면이랑 조금 달라 문의드립니다.
1
55
2
서브에이전트 활용 질문입니다.
0
69
3
plan mode를 진행하는것에 있어서
0
52
2
클로드 코드 설치 관련
0
61
2
스타터킷 중요도에 대한 질문입니다.
0
55
2