Next.js설치 후 shadcn설치 오류
19
1 asked
Next.js 설치한 폴더에
npx shadcn@latest init를 실행하여 설치 진행시 프로젝트 폴더를 적게 되어있는데 이미 사용중이라고 설치가 안된다고 합니다.
영상에서는 동일한 폴더에 설치가 되어 파일이 변경된 것으로 보여지는데 확인 부탁드립니다.
Answer 1
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
17
1
미션을 제출하면 피드백을 해주나요?
0
22
0
클로드코드 설치오류
0
22
1
서브에이전트
0
30
1
개인적인 질문인데요..
0
49
1
shrimp task manager 사용 관련 질문입니다.
0
37
1
메모리 , rule
0
35
2
클로드 코드로 제작된 앱 검증
0
50
3
자꾸 수정하면 git관련한게 나오네요
0
50
3
초기 세팅에 대해서 정리한 문서가 있을까요?
0
51
2
첫 강의 이후 1년이 지났는데 괜찮을까요.
0
58
2
클로드 코드 실행 방법 문의
0
49
2
안녕하세요 ai툴 질문있습니다.
0
59
2
Python 문의드립니다.
0
49
1
슬랙 연동 방법 및 파일 관련 질문
0
47
2
터미널앱으로 Terminus 사용 문의
0
43
1
스킬생성 후 업데이트.
0
53
2
강의 화면이랑 조금 달라 문의드립니다.
1
53
2
서브에이전트 활용 질문입니다.
0
66
3
plan mode를 진행하는것에 있어서
0
50
2
클로드 코드 설치 관련
0
58
2
스타터킷 중요도에 대한 질문입니다.
0
55
2
전체적인 개발에 대해 문의드립니다.
1
76
2
줄바꿈 시 \ 필수인가요?
0
81
2