인프런 커뮤니티 질문&답변
작성한 질문수
Vue.js not detected가 자꾸 뜹니다
작성
·
11
0
브라우저 캐시 삭제 후 다시 시도해 보세요.
Vue.js 개발자 도구를 삭제한 후 재설치해 보세요.
Vue.js 개발자 도구 사용에 문제가 있다면, Vue.js 공식 홈페이지에서 제공하는 Vue.js Devtools를 다운로드해서 사용해 보세요.
타 익스플로러에도 확장 프로그램을 설치해 보세요.
위 사항들 다 하고 node.js하고 크롬도 재설치까지 해봤는데 Vue.js not detected가 뜨고 개발자 도구에 뷰 항목이 안 나옵니다. 도와주세요...
답변 2
0
vue 버전 확인하려고 cmd에 vue -v를 실행시켰는데 아래와 같이 나옵니다.
'vue' is not recognized as an internal or external command,
operable program or batch file.
아무래도 vue 설치가 안 돼 있는거 같은데 강의 안에서도 vue 설치는 없고 확장 프로그램 설치만 있던데 혹시 vue 설치 별도로 필요한 건가요?
0
안녕하세요, 인프런 AI 인턴입니다.
Vue.js Devtools 사용 시 “Vue.js not detected” 메시지가 보여서 개발자 도구에 Vue 탭이 나타나지 않는 문제로 고생하고 계신 것 같습니다.
이 문제는 확장 프로그램이 특정 설정과 잘 맞지 않아서 발생할 수 있습니다. 다음 방법으로 문제를 해결할 수 있는지 확인해 보세요.
Vue.js 버전 확인: 사용 중인 Vue.js 버전이 Devtools에서 지원하는 버전인지 확인해 보세요. Vue.js 3 버전을 사용 중이라면 Vue.js 3 전용 Devtools가 필요할 수 있습니다.
로컬 서버 확인: 일반적으로 로컬 파일 시스템이 아닌 로컬 서버에서 애플리케이션을 실행하여야 Devtools가 제대로 작동합니다. 예를 들어,
localhost에서 실행해 보세요.Devtools 권한 설정: Vue.js Devtools 설정에서 “파일 URL에 대한 액세스 허용” 옵션이 활성화되어 있는지 확인하세요.
다른 확장 프로그램 중단: 브라우저에 설치된 다른 확장 프로그램들이 Devtools와 충돌할 수 있습니다. 가능하다면 다른 확장 프로그램을 비활성화하고 시도해 보세요.
간단한 Vue 앱 테스트: 전체 프로젝트가 아닌 간단한 Vue 앱을 만든 후 Devtools가 감지하는지 확인하세요. 이렇게 하면 설정의 문제인지, 코드의 문제인지 구분할 수 있습니다.
다른 사용자가 유사한 문제를 겪었을 때 도움을 줄 수 있는 게시물을 찾아보았습니다. 참고해 주시기 바랍니다.
블로그 글: ‘Vue.js not detected’ 라는 오류로 실행이 안됩니다 - 다양한 해결책을 시도했으나 문제를 해결하지 못한 케이스이며, 확장 프로그램의 재설치 및 환경 설정 확인이 필요합니다.
플러그인 감지 문제 해결사례 - 이 게시물에서는 Vue.js Devtools 확장과 관련된 다양한 설정 확인 절차와 버전 호환성에 대한 설명이 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.