在Vue开发工具中未检测到Vuex存储

时间:2018-06-21 17:24:23

标签: google-chrome vue.js vuex vue-devtools

出于非常特殊的原因,我在生产中将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开发工具中查看它。

任何指针都值得赞赏。

2 个答案:

答案 0 :(得分:5)

在创建商店之前,您必须设置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
  }
})

答案 1 :(得分:2)

还要确保在devtools(红色的圆形按钮)中打开记录模式。

它已关闭,这实际上是错误的。 :-D