I see the following behavior in my Vue.js devtools extension in Chrome: When I open the Vue-tab in Chrome developer tools the Components tab is empty. When I click Refresh the components show up. When I open the Vuex tab it says "No Vuex store detected." Even if I click refresh here it doesn't help. Can anybody suggest what can be wrong? It worked previously but suddenly it is broken. More details: - I run Chrome Version 61.0.3163.100 (Official Build) (64-bit) on Mac - I just re-installed the Vue.js Devtools extension today.

Reputation: 2466

Vue.js devtools Chrome extension is broken - the Vuex tab is empty and Components tab only show after Refresh

I see the following behavior in my Vue.js devtools extension in Chrome:

Can anybody suggest what can be wrong? It worked previously but suddenly it is broken.

More details: - I run Chrome Version 61.0.3163.100 (Official Build) (64-bit) on Mac - I just re-installed the Vue.js Devtools extension today.

Upvotes: 2

Reputation: 171

If Vuex store is in a separate file or folder, please add Vue.config.devtools = true before new Vuex.store statement.

Upvotes: 2

Reputation: 2466

It was caused by bugs in the code. After fixing the code the vue tools worked again.

Upvotes: 2

Reputation: 31

When I open the Vuex tab it says "No Vuex store detected.

Maybe there is an error in your store module. Is Vuex in use and imported?

import Vuex from 'vuex'

Vue.use(Vuex)

Upvotes: 0