인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

Oh Chocho님의 프로필 이미지

작성한 질문수

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

뷰 라우터 인스턴스 연결 및 초기 상태 안내

개발자 도구에서 뷰탭이 안보여요....

작성

·

56

0

하아 너무 답답하네요

레거시나 베타버전 다 설치해봤고,

충돌일까싶어서 한개씩만 설치도 해봤는데

안됩니다...

강의의 반만 따라가는 것 같아서 참 답답합니다...

어떻게 해결방법이 없을까요?

답변 2

0

밀림의왕자레오님의 프로필 이미지

저도 같은 문제로 고생했는데

개발자도구에서 톱니바퀴 모양 클릭하시고

Settings -> Preferences

맨 하단의 Restore defaults and reload 버튼 누르고 나니까 생겼습니다

혹시 다크모드 사용하시면 Settings -> Preferences -> Appearance 에서 Theme 항목을 Light로 변경하고 브라우저 재실행 해보시면 나올 것 같아요

0

인프런 AI 인턴님의 프로필 이미지

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

Oh Chocho님, 개발자 도구에서 Vue.js 탭이 보이지 않는 문제로 불편을 겪고 계신 것 같네요. 이 문제는 일반적으로 Vue.js Devtools 확장자가 제대로 설치되어 있지 않거나 브라우저 버전과의 호환성 문제로 발생할 수 있습니다.

해결 방법 제안:

  1. Vue.js Devtools 재설치:

    • 확장 프로그램을 완전히 삭제한 후, 최신 버전의 Vue.js Devtools를 다시 설치해보세요.
    • Vue.js Devtools 설치 링크를 통해 설치할 수 있습니다.
  2. 브라우저 캐시 삭제:

    • 설치 후에도 문제가 지속된다면, 브라우저 캐쉬를 삭제하여 문제가 해결되는 경우도 있습니다.
    • Chrome 브라우저의 설정 > 개인정보 및 보안 > 검색 기록 삭제에서 캐쉬를 삭제할 수 있습니다.
  3. 브라우저 버전 확인 및 업데이트:

    • 브라우저가 최신 버전인지 확인하고, 구 버전인 경우 업데이트를 진행합니다.
  4. Vue.js 버전 확인:

    • 사용 중인 Vue.js의 버전이 Vue.js Devtools와 호환되는지 확인합니다. 최신 Vue.js 버전의 경우 Devtools 베타 버전을 사용해야 할 수도 있습니다.

기존 유사한 문제 해결 과정을 담은 링크도 같이 제공해드립니다. Vue.js not detected 문제 해결

위의 방법들로 문제를 해결하지 못한다면, 추가적인 정보를 덧붙여서 다시 질문해주시면 더 정확한 도움을 드릴 수 있도록 하겠습니다.

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