Next.js설치 후 shadcn설치 오류

Question

Next.js 설치한 폴더에 npx shadcn@latest init를 실행하여 설치 진행시 프로젝트 폴더를 적게 되어있는데 이미 사용중이라고 설치가 안된다고 합니다. 영상에서는 동일한 폴더에 설치가 되어 파일이 변경된 것으로 보여지는데 확인 부탁드립니다.

gymcoding · Answer

안녕하세요! 🙂 스크린샷을 보니 my-app 폴더가 만들어진 상위 폴더(Claude-nextjs-Staters2)에서 npx shadcn@latest init을 실행하신 것 같아요. 이 상태에서는 shadcn이 현재 폴더에 Next.js 프로젝트가 없다고 판단해서 새 프로젝트를 만드는 흐름(템플릿 선택부터)으로 들어가고, my-app이라는 이름으로 또 만들려다 보니 이미 있는 폴더와 이름이 겹쳐서 오류가 난 거예요. cd my-app 으로 방금 만드신 프로젝트 폴더 안으로 이동하신 다음, 그 안에서 다시 npx shadcn@latest init을 실행해보세요. 이미 Next.js가 있는 폴더 안에서 실행하면 템플릿 선택 없이 바로 컴포넌트 라이브러리 설정 단계로 넘어갈 거예요. 감사합니다 🙂

communityai8509 · Answer

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