Vue Devtools not working

[reynard80]

I recently switched to class based Vuex modules with this package. However, the Vuex tab of Vue Devtools doesn't seem to work anymore. It just shows the base state and no modules or mutations are recorded.

Is this a known issue or just my project?

[bodograumann]

I don’t think this can have anything to do with vuex-class-modules, as it is just a wrapper around vuex. Could you please give the versions of vue, vuex and vue-devtools that you are using? It could very well be that there is some incompatibility therein. Beyond that, a minimal reproduction would be essential to even try to look at a possible issue.

[reynard80]

I understand. It would be strange if vuex-class-modules was the issue, but before I used vuex-module-decorators in the same project and this was working (but had other issues).

We use Vue 2.6.14, Vuex 3.6.2 and Vue Devtools 5.3.4 in the project.

Only thing I can think of which might be a problem is that the modules are extended from abstract classes, like this:

AbstractEntityStore extends VuexModule {
  ...
}

AbstractDataTableStore extends AbstractEntityStore {
  ...
}

UserEntityStore extends AbstractDataTableStore {
  ...
}

export default new UserEntityStore({ store, name: 'userEntity' })

As for reproduction, I will try to create a scaffolding project with just this construct and see if it works.

[bodograumann]

Inheritance can be problematic, if i remember correctly. Maybe check #20.

[reynard80]

It actually seems to be working now, also with inheritance. I actually had some settings wrong for Vue Devtools. Thanks for your reactions.