Where has Vue Devtools's Time Travel Debugging feature gone?
It's been a while since I worked with VueJS (2 or so years ago). I wanted to get back to working on an old VueJS 2.6 app, and I'm having trouble finding the Time Travel Debugging feature of Devtools for Vuex.
Here you can see what Time Travel Debugging is supposed to look like:
But now at least with Devtools 6.1.4, I'm having trouble finding that feature. I see the Vuex state, but I can't find: the list of mutations, the state changes of the mutations, nor the ability to Time Travel between mutations. See the image below:
Where then is the Time Travel Debugging functionality?
The log of Vuex mutations/actions is now shown on the Timeline tab.
However, the latest version of Vue DevTools (6.x) removes Time Travel debugging (specifically the ability to revert to a specific state). The author explains the reasoning in a 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.
As stated, you'd have to install the 5.x version of Vue DevTools to use that feature.
- loading dynamic assets vuejs 3
- Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
- How to use bootstrap-icons as svgs in a vue project build by vue-cli
- How to access a variable inside an array in Vue JS
- VueJS 3.4 - Computed value to get from two sources but set in one
- Conditional <router-link> in Vue.js dependant on prop value?
- Quasar Error: Cannot find module 'ajv/dist/compile/codegen'
- Setting focus of an input element in vue.js
- How to bind vee-validate field to Vuetify's v-autocomplete without showing [object Object]?
- How to create a simple component inline?
- vue.js and Element Plus - use el-select with key
- How to set multiple colors for bars in ApexCharts horizontal bar chart (sparkline mode)?
- Import and use Vue.js package from CDN
- Vue Router does not update the path in the address bar
- Getting form data on submit?
- How to use provide in Vue's optional API to achieve bidirectional data transfer of basic data types?
- How to emit an event with vue-chartjs?
- Loading an email template into a vuetify app
- vue-chartjs register plugin to only one chart component
- How does work Vue v-model with update:modelValue and how to prevent it from default logic depending on modal
- Vuejs - Primevue - Display the property of an array of object in a Datatable Column
- How to catch network errors with Axios request interceptor?
- How to use Pinia with a Map of table configuration objects
- httpsCallable is not a function when calling a Firebase function
- Uncaught Error: Invalid date: 21/01/2023 in react using DateTIme Picker
- Keycloak + SPA as client (Vue) + Spring Cloud Gateway as resource server + Spring Boot Microservices
- Vue Router return 404 when revisit to the url
- Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader - Vue 3
- Colon symbol in class names for tailwind break Pug files
- Cannot use Stripe with nuxt and typescript