No Vuex store detected in Vue Dev Tools (vue2/vuex3)

Question

For very specific reasons, I have set the vue dev tools to true in production.

Vue.config.devtools = true

Am using the following versions:

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

While I can see the components and events, the Vuex store is not detected.

I have tried downgrading the vuex version to 2.3.1 and 2.4.x, but it did not help. Here's the link I referred to - https://github.com/vuejs/vue-devtools/issues/405

Note - The store works well, its just that I am not able to view it in the Vue dev tools.

Any pointers is appreciated.

Answer 1

you have to set Vue.config.devtools = true before you create the store.

here my 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
  }
})

Answer 2

Also make sure to turn on recording mode in devtools (the red round button).

It was turned off and that actually was the mistake. :-D

Answer 3

I had the exact same problem with Vue 3. Updating the vuex from 4.0.0 to 4.0.2 did resolve the problem.