Vue Devtools 的时间旅行调试功能去哪儿了？

Question

自从我使用 VueJS 以来已经有一段时间了（大约两年前）。我想重新开始开发旧的 VueJS 2.6 应用程序，但找不到 Devtools for Vuex 的时间旅行调试功能。

在这里您可以看到时间旅行调试应该是什么样子：

但现在至少在 Devtools 6.1.4 中，我很难找到该功能。我看到了 Vuex 状态，但找不到：突变列表、突变的状态变化，也找不到突变之间时间旅行的能力。见下图：

那么时间旅行调试功能在哪里？

Answer 1

Vuex 突变/操作的日志现在显示在 Timeline 选项卡上。

但是，最新版本的 Vue DevTools (6.x) 删除了 Time Travel 调试（特别是恢复到特定状态的能力）。作者在 GitHub 讨论中解释了这个问题的原因：

这没有实现，因为开发工具的功能更改为时间线，这不仅与 Vuex 突变有关，还与来自组件、插件（例如 pinia 等）的任何其他事件有关。

让我们用这个话题来讨论时间旅行以及它在时间轴中的外观/工作方式。

@tkuntermannpv 如果你确实需要 Vuex 时间旅行，请使用 legacy 版本。

如上所述，您必须安装 5.x 版本的 Vue DevTools 才能使用该功能。