CODEWITHSUNDEEP
google-chromevue.jsvuexvue-devtools
nizantz
nizantz

Reputation: 1621

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

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.

Upvotes: 9

Views: 26191

Answers (7)

Tobias Feil
Tobias Feil

Reputation: 2696

An empty cache refresh did it for me.

Upvotes: 4

Mona
Mona

Reputation: 81

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

Upvotes: 0

anchan42
anchan42

Reputation: 75

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

Upvotes: 2

sito
sito

Reputation: 1

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.

Upvotes: 0

pxeba
pxeba

Reputation: 1766

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

Upvotes: 0

Valentin Seehausen
Valentin Seehausen

Reputation: 735

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

Upvotes: 2

Us3rAIpha8rav0
Us3rAIpha8rav0

Reputation: 354

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

Upvotes: 26

Related Questions