google-chrome - 在 Vue Dev Tools (vue2/vuex3) 中未检测到 Vuex store

Question

出于非常具体的原因，我在生产环境中将 vue 开发工具设置为 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 开发工具中查看它。

感谢任何指点。

Answer 1

您必须在创建商店之前设置 Vue.config.devtools = true。

这里是我的 store.js:

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

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

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