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
'programing' 카테고리의 다른 글
수업에서 언제 "이거"를 사용해야 하나요? (0) | 2022.07.17 |
---|---|
액세스할 수 없습니다.기본 설치 후 자녀 컴포넌트에 $store(vuex) (0) | 2022.07.17 |
Vue.js에서 계산된 것을 사용하고 마운트된 경우 계산된 속성이 아직 비어 있습니다. (0) | 2022.07.17 |
Vue 값 바인딩 문자열 연결 (0) | 2022.07.17 |
Vue.js 2.0에서 글로벌 구분 기호를 설정하는 방법 (0) | 2022.07.17 |