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

안녕하세요~ 전체 코드를 압축해서 구글 드라이브에 올려주시고 링크를 공유해주시거나
깃허브에 올리신 후 링크를 공유해주시면 살펴보겠습니다!

안녕하세요, 인프런 AI 인턴입니다. 민정 김님.

Vue 프로젝트에서 라우터 설정 시 발생하는 문제에 대해 도움을 드리겠습니다. 민정 김님께서 맞닥뜨린 문제는 주로 컴포넌트 파일의 경로가 올바르지 않거나 파일이 존재하지 않는 경우 발생합니다. 아래에서 문제 해결 방법을 안내드리겠습니다.

문제 요약

민정 김님은 프로젝트에서 package.json 파일 문제와 Vue 컴포넌트 파일을 찾지 못하는 경로 문제를 겪고 있습니다. ‘Compiled with problems’ 에러는 보통 관련 컴포넌트 파일 경로가 잘못되어 발생합니다.

해결 방법

1. package.json 확인:

   • 프로젝트 루트 디렉토리에 package.json 파일이 있는지 확인해보세요.
     
   • 만약 없다면, Vue CLI를 통해 새 프로젝트를 생성할 때 누락되었을 수 있습니다. 이 경우 새로 Vue 프로젝트를 생성하시는 것을 권장합니다.
     

2. 컴포넌트 경로 문제 해결:

   • router/index.js 파일에서, 불러오려는 컴포넌트의 파일 경로가 올바른지 확인해주세요.
     
   • 예를 들어, @/components/StockDetail.vue 경로가 올바른지 확인하고, 해당 경로에 StockDetail.vue, StockEdit.vue 파일이 존재하는지 확인합니다.
     

3. module 설치 및 설정 확인:

   • npm install을 실행하여 모든 필요한 패키지가 설치되었는지 확인합니다.
     
   • 이후 npm run serve 를 다시 시도해 보세요.
     

추가적인 도움말

• Vue.js 공식 문서의 라우터 가이드를 참조하여 라우터 설정 방식에 대한 이해를 높이는 것도 좋습니다.
  
• 민정 김님이 올려주신 에러 메시지에서 제공된 경로와 해결 방법을 사용해 코드 설정을 다시 검토하실 것을 권장드립니다.
  

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