강의

멘토링

커뮤니티

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

diaman75님의 프로필 이미지
diaman75

작성한 질문수

Vue.js 시작하기 - Age of Vue.js

VSCode 플러그인 설치 및 설정

chrome 확장 devtools 버전 문제

작성

·

21

0

안녕하세요?

이번에 강좌를 신청했는데 크롬 최신 버전을 깔았더니 view dev tools 에서

image.png

이렇게 메시지가 뜨고 콘솔 탭에 뜨지를 않네요...이건 어떻게 처리해야 될까요?

답변 1

0

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

Vue DevTools와 관련하여 발생한 문제에 대한 해결책을 안내드리겠습니다. 현재 Vue DevTools의 최신 버전에서는 Vue 3를 주로 지원하고 있어서, Vue 2 프로젝트와 호환성이 떨어질 수 있습니다. 이로 인해 메시지가 표시된 것으로 보입니다.

이 문제를 해결하기 위해 몇 가지 방법을 제안드립니다:

  1. Vue DevTools 레거시 버전 설치: Vue 2 프로젝트에서도 정상적으로 DevTools를 사용할 수 있도록 이전 버전의 Vue DevTools를 설치할 수 있습니다. 아래의 링크를 통해 레거시 버전을 다운로드해 보세요.

  2. 브라우저 내 DevTools 설정 확인: DevTools의 속성에서 설정을 확인하여 “파일 URL에 대한 액세스 허용” 옵션을 활성화해야 합니다.

  3. Vue 2와 Vue 3의 구분: 현재 프로젝트가 Vue 2를 사용하는 경우, 위에서 소개한 레거시 버전을 사용해 보세요. 또는, 프로젝트에 따라 Vue 3 환경으로 마이그레이션을 고려할 수도 있습니다.

위의 방법을 적용해도 문제가 해결되지 않는다면, 더 나은 조언을 위해 Vue 관련 커뮤니티나 포럼을 방문하시기를 추천드립니다.

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

diaman75님의 프로필 이미지
diaman75

작성한 질문수

질문하기