你必须在创建商店之前设置Vue.config.devtools = true。
我的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
  }
})

字符串

同时确保在devtools中打开录制模式（红色圆形按钮）。
它被关闭了，这实际上是一个错误。

我在Vue 3中遇到了完全相同的问题。将vuex从4.0.0更新到4.0.2确实解决了这个问题。

如果Vuex存储值显示为undefined，可能是因为值不是通过突变设置的

对我来说，解决这个问题的方法是将devtools导入放在main.js文件中Vue之前：

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

字符串
文档中提到：https://devtools.vuejs.org/guide/installation.html#using-dependency-package
请确保在Vue之前导入devtools，否则它可能无法按预期工作。

我有类似的问题，没有Vuex将显示在我的vue devtools.什么帮助我是：

• 在菜单（3点在右边）选择devtools插件
• 从显示的列表中选择你的vue（在我的例子中是“Vue 2”）
• 取消勾选并再次勾选'enabled'
• 关闭devtools
• 刷新您的页面

一个空的缓存刷新为我做了这件事。