programing

Vue.js devtools Chrome 확장이 손상됨 - Vuex 탭이 비어 있고 구성 요소 탭이 새로 고침 후에만 표시됨

newsource 2022. 7. 17. 00:22

Vue.js devtools Chrome 확장이 손상됨 - Vuex 탭이 비어 있고 구성 요소 탭이 새로 고침 후에만 표시됨

Chrome의 Vue.js devtools 확장에서 다음과 같은 동작이 표시됩니다.

  • Chrome 개발자 도구에서 Vue 탭을 열면 구성 요소 탭이 비어 있습니다.
  • [ Refresh ]를 클릭하면 컴포넌트가 표시됩니다.
  • Vuex 탭을 열면 "No Vuex store detected"라고 표시됩니다.
  • 여기서 새로 고침을 클릭해도 도움이 되지 않습니다.

뭐가 잘못될 수 있는지 누가 제안할 수 있나요?아까는 작동했는데 갑자기 고장이 났어요.

자세한 정보: - Mac에서 Chrome 버전 61.0.3163.100(공식 빌드)(64비트)을 실행하고 있습니다. 오늘 Vue.js Devtools 확장을 다시 설치했습니다.

코드의 버그로 인해 발생하였습니다.코드를 수정한 후 vue 툴이 다시 작동했습니다.

Vuex 스토어가 별도의 파일 또는 폴더에 있는 경우 다음을 추가하십시오.Vue.config.devtools = true새로운 Vuex.store 문 앞에 있습니다.

Vuex 탭을 열면 "No Vuex store detected.

아마도 당신의 매장 모듈에 오류가 있는 것 같습니다.Vuex는 사용 중이고 Import되었습니까?

import Vuex from 'vuex'

Vue.use(Vuex)

언급URL:https://stackoverflow.com/questions/46724634/vue-js-devtools-chrome-extension-is-broken-the-vuex-tab-is-empty-and-component