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

Question

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

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

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

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

Answer 1

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

但是，最新版本的 Vue DevTools (6.x) 删除了 Time Travel 调试(特别是恢复到特定状态的能力)。作者在GitHub discussion about this very issue中解释了推理。 :

This is not implemented as the functionality of the devtools changed to a timeline which is not just about the Vuex mutations but also about any other events from components, plugins such as pinia, etc.

Let's use this thread to discuss about Time traveling and how it could look/work in the Timeline.

@tkuntermannpv if you really need Vuex time traveling, please use the legacy version.

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