Vue.js devtools Chrome 扩展程序损坏 - Vuex 选项卡为空，组件选项卡仅在刷新后显示答案

【问题标题】：Vue.js devtools Chrome extension is broken - the Vuex tab is empty and Components tab only show after RefreshVue.js devtools Chrome 扩展程序损坏 - Vuex 选项卡为空，组件选项卡仅在刷新后显示
【发布时间】：2018-03-25 06:40:41
【问题描述】：

我在 Chrome 中的 Vue.js devtools 扩展中看到以下行为：

当我在 Chrome 开发者工具中打开 Vue 选项卡时，组件选项卡是空的。
当我单击刷新时，组件会显示出来。
当我打开 Vuex 选项卡时，它显示“未检测到 Vuex 商店”。
即使我在这里单击刷新也无济于事。

任何人都可以提出什么问题吗？它以前工作过，但突然坏了。

更多详情： - 我在 Mac 上运行 Chrome 版本 61.0.3163.100 (Official Build) (64-bit) - 我今天刚刚重新安装了 Vue.js Devtools 扩展。

【问题讨论】：

标签： vue.js google-chrome-devtools vuex

【解决方案1】：

这是由代码中的错误引起的。修复代码后，vue 工具再次工作。

【讨论】：

【解决方案2】：

如果 Vuex 存储在单独的文件或文件夹中，请在新的 Vuex.store 语句之前添加Vue.config.devtools = true。

【讨论】：

【解决方案3】：

当我打开 Vuex 选项卡时，它显示“未检测到 Vuex 商店。

您的商店模块中可能存在错误。 Vuex 是否在使用和导入？

import Vuex from 'vuex'

Vue.use(Vuex)

【讨论】：

是的，我们有这些代码行。我们没有关于 Vuex 商店中的错误的任何警告。控制台也说：[vue-devtools] 准备好了。检测到 Vue v2.4.1
我有相同的：Ready. Detected Vue 2.5.9，但 Vuex 显示：“未检测到 Vuex 存储。”即使我可以在我的页面中看到通过 Vuex 更新的数据。
在这里找到了我的个人问题的答案：github.com/vuejs/vue-devtools/issues/391#issuecomment-344995974 我意识到我正在查看打开了开发工具的生产版本。这不适用于 Vuex。