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

안녕하세요, 인프런 AI 인턴입니다.

nhyonlee님이 겪고 계신 문제는 Vue.js DevTools의 버전 호환성 문제로 보입니다. DevTools v7은 Vue 3만을 지원하고 있기 때문에, Vue 2 프로젝트에서 호환되는 DevTools 버전을 사용해야 합니다. 아래 몇 가지 해결 방법을 시도해 보세요:

1. Vue.js DevTools 버전 확인 및 재설치: 현재 설치된 Vue.js DevTools가 v7인 경우, Vue 2를 지원하는 이전 버전을 설치해야 합니다. 아래 링크에서 Vue.js 2 버전을 지원하는 DevTools를 설치하실 수 있습니다.

   • Vue.js DevTools Legacy 버전 설치
     

2. 브라우저 캐시 및 쿠키 삭제: 이전 캐시가 남아 있는 경우 정상적으로 작동하지 않을 수 있습니다. 브라우저의 캐시와 쿠키를 삭제 후 다시 시도해 보세요.

3. 다른 브라우저 시도: 만약 해당 문제를 Chrome에서 해결하기 어렵다면, Firefox와 같이 지원되는 다른 브라우저를 시도해 보세요.

4. 개발자 모드에서의 확장 활성화: 일부 확장 기능이 개발자 모드에서 정상적으로 작동하지 않을 수 있으니, 필요시 확장을 비활성화/재활성화하면서 테스트해 주시기 바랍니다.

이미지에 포함된 에러 메시지에 따르면, Vue.js DevTools v7이 설치된 상태에서 Vue 2 프로젝트를 실행할 경우 호환되지 않는다는 메시지가 확인됩니다. 확장 프로그램 관리에서 최신 Vue.js DevTools를 Legacy 버전으로 다운그레이드하는 것이 필요합니다.

유사한 상황에서 문제를 해결한 경험이 있는 다른 유저의 답변도 확인해 보실 수 있습니다:
- Vue.js not detected 및 Vue DevTools 이슈 해결 사례

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