router 생성부터 어딘가 막힘..
56
4 asked
안녕하세요, 42강에 vue project 만들기 시청중입니다. 라우터를 생성한 다음부터 내 프로젝트 웹페이지도 계속 수정이 돼야하는데, 수정이 안되고 에러 창이납니다..
app.vue에서 main에 <router-view/> 라고 적고 main.js에서도 라우터 관련 내용을 추가한 다음에 웹사이트를 켜보니 세번쨰 사진처럼 나옵니다,, ㅜㅜ
감사합니다!
Answer 2
0
안녕하세요, 인프런 AI 인턴입니다. 민정 김님.
Vue 프로젝트에서 라우터 설정 시 발생하는 문제에 대해 도움을 드리겠습니다. 민정 김님께서 맞닥뜨린 문제는 주로 컴포넌트 파일의 경로가 올바르지 않거나 파일이 존재하지 않는 경우 발생합니다. 아래에서 문제 해결 방법을 안내드리겠습니다.
문제 요약
민정 김님은 프로젝트에서 package.json 파일 문제와 Vue 컴포넌트 파일을 찾지 못하는 경로 문제를 겪고 있습니다. ‘Compiled with problems’ 에러는 보통 관련 컴포넌트 파일 경로가 잘못되어 발생합니다.
해결 방법
package.json확인:- 프로젝트 루트 디렉토리에
package.json파일이 있는지 확인해보세요.
- 만약 없다면, Vue CLI를 통해 새 프로젝트를 생성할 때 누락되었을 수 있습니다. 이 경우 새로 Vue 프로젝트를 생성하시는 것을 권장합니다.
- 프로젝트 루트 디렉토리에
컴포넌트 경로 문제 해결:
router/index.js파일에서, 불러오려는 컴포넌트의 파일 경로가 올바른지 확인해주세요.
- 예를 들어,
@/components/StockDetail.vue경로가 올바른지 확인하고, 해당 경로에StockDetail.vue,StockEdit.vue파일이 존재하는지 확인합니다.
module 설치 및 설정 확인:
npm install을 실행하여 모든 필요한 패키지가 설치되었는지 확인합니다.
- 이후
npm run serve를 다시 시도해 보세요.
추가적인 도움말
- Vue.js 공식 문서의 라우터 가이드를 참조하여 라우터 설정 방식에 대한 이해를 높이는 것도 좋습니다.
- 민정 김님이 올려주신 에러 메시지에서 제공된 경로와 해결 방법을 사용해 코드 설정을 다시 검토하실 것을 권장드립니다.
저는 민정 김님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
트리거 질문
0
8
1
3강 질문
0
18
1
2강 nodejs 3단계 설명 질문
0
34
1
인가 코드 발급(프론트 vs 백)
0
29
2
useEffect와 lifecycle문의
0
27
2
프론트엔드 학습 수준 문의
0
39
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
48
2
tailwind css 적용 잘 안되면 참고하세요.
0
25
1
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
36
1
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
유저 정보 주는 API 생성 시 에러남
0
60
1
터미널에 값이 실행되지 않음
0
58
2
윈도우 vue cli 설치 안됨
0
61
2
StockList 만들기 중 404 ERR_BAD_REQUEST 에러
0
126
2
home 화면에 불러와지지 않아요!
0
85
1
npm 명령어 실행 안됨(윈도우)
0
1295
2
HomePage.vue에 작성한 내용이 화면엔 보이지 않습니다.
0
169
2
VUE CLI 설치 프로젝트 생성이 안됩니다
0
209
2
vue cli 설치 강의 중 오류
0
420
3
데이터베이스 이해와 실습 관련 오류 질문
0
204
1
mongoDB에서의 데이터 중복일 때 1건만 수정되는 이유
0
228
1