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

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

An empty cache refresh did it for me.

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

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

If Vuex store values is showing undefined it is probably because the values were not set through mutations

What fixed this issue for me was to place the devtools import just before Vue on my main.js file:

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

The docs mention this: https://devtools.vuejs.org/guide/installation.html#using-dependency-package

Make sure you import devtools before Vue, otherwise it might not work as expected.

I had similar problem, no Vuex will show in my vue devtools. What helped me was:

• in menu (3 dots on the right)select devtools plugins
• from the list that show up choose your vue (in my case "Vue 2")
• uncheck and check again 'enabled'
• close devtools
• refresh your page