Vue Dev Tools(vue2/vuex3)에서 Vuex 스토어가 검색되지 않음

Vue Dev Tools(vue2/vuex3)에서 Vuex 스토어가 검색되지 않음

매우 구체적인 이유로 vue dev 툴을 실제 가동 환경에서 true로 설정했습니다.

Vue.config.devtools = true

다음 버전을 사용하고 있습니다.

"vue": "^2.5.2"
"vuex": "^3.0.1"
"vuetify": "^1.0.0"

컴포넌트와 이벤트를 볼 수 있는데 Vuex 스토어가 인식되지 않습니다.

vuex 버전을 2.3.1 및 2.4.x로 다운그레이드하려고 했지만 도움이 되지 않았습니다.다음은 제가 참조한 링크입니다.https://github.com/vuejs/vue-devtools/issues/405

주의 - 스토어는 정상적으로 동작합니다.단, Vue dev 툴에서 표시할 수 없습니다.

어떤 조언이라도 감사합니다.

설정하셔야 합니다.Vue.config.devtools = true스토어를 작성하기 전에 참조해 주세요.

여기 내 가게가 있어.

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
Vue.config.devtools = true

export const store = new Vuex.Store({
  state: {
    counter: 0
  }
})

또한 devtools(빨간색 둥근 버튼)에서 기록 모드를 켜야 합니다.

전원이 꺼졌고, 실제로 그것은 실수였습니다. :-D

Vue 3에서도 동일한 문제가 발생했습니다. vuex를 4.0.0에서 4.0.2로 업데이트하면 문제가 해결되었습니다.

Vuex 스토어 값이 정의되지 않은 것으로 표시되는 경우 값이 돌연변이를 통해 설정되지 않았기 때문일 수 있습니다.

이 문제를 해결한 것은 vue 직전에 devtools Import를 배치한 것입니다.main.js파일:

import devtools from '@vue/devtools';
import Vue from 'vue';
// ...

문서에서는 다음과 같이 언급하고 있습니다.https://devtools.vuejs.org/guide/installation.html#using-dependency-package

vue 전에 devtools를 가져와야 합니다. 그렇지 않으면 예상대로 작동하지 않을 수 있습니다.

언급URL : https://stackoverflow.com/questions/50974348/no-vuex-store-detected-in-vue-dev-tools-vue2-vuex3