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

Question

하아 너무 답답하네요 레거시나 베타버전 다 설치해봤고, 충돌일까싶어서 한개씩만 설치도 해봤는데 안됩니다... 강의의 반만 따라가는 것 같아서 참 답답합니다... 어떻게 해결방법이 없을까요?

uiop64521566 · Answer

방금 해결했는데 레거시 설치하시고, 확장 프로그램 관리(크롬 상단 확장프로그램) '파일 URL에 대한 액세스 허용' 활성화 하시고 아래의 레오님 말씀처럼 진행하시면 뜨는데요 만약에 새로 만들거나, 라이브서버 키실때마다 settings 변경하셔야 나와요...라이트랑 다크 번갈아가면서 계속 하시다 보면 나오더라구요..저도 하루 정도 고생했습니다 ㅠ

codeonleo · Answer

저도 같은 문제로 고생했는데 개발자도구에서 톱니바퀴 모양 클릭하시고 Settings -> Preferences 맨 하단의 Restore defaults and reload 버튼 누르고 나니까 생겼습니다 혹시 다크모드 사용하시면 Settings -> Preferences -> Appearance 에서 Theme 항목을 Light로 변경하고 브라우저 재실행 해보시면 나올 것 같아요

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. Oh Chocho님, 개발자 도구에서 Vue.js 탭이 보이지 않는 문제로 불편을 겪고 계신 것 같네요. 이 문제는 일반적으로 Vue.js Devtools 확장자가 제대로 설치되어 있지 않거나 브라우저 버전과의 호환성 문제로 발생할 수 있습니다. 해결 방법 제안: Vue.js Devtools 재설치 : 확장 프로그램을 완전히 삭제한 후, 최신 버전의 Vue.js Devtools를 다시 설치해보세요. Vue.js Devtools 설치 링크 를 통해 설치할 수 있습니다. 브라우저 캐시 삭제 : 설치 후에도 문제가 지속된다면, 브라우저 캐쉬를 삭제하여 문제가 해결되는 경우도 있습니다. Chrome 브라우저의 설정 > 개인정보 및 보안 > 검색 기록 삭제에서 캐쉬를 삭제할 수 있습니다. 브라우저 버전 확인 및 업데이트 : 브라우저가 최신 버전인지 확인하고, 구 버전인 경우 업데이트를 진행합니다. Vue.js 버전 확인 : 사용 중인 Vue.js의 버전이 Vue.js Devtools와 호환되는지 확인합니다. 최신 Vue.js 버전의 경우 Devtools 베타 버전을 사용해야 할 수도 있습니다. 기존 유사한 문제 해결 과정을 담은 링크도 같이 제공해드립니다. Vue.js not detected 문제 해결 위의 방법들로 문제를 해결하지 못한다면, 추가적인 정보를 덧붙여서 다시 질문해주시면 더 정확한 도움을 드릴 수 있도록 하겠습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.