Skip to content

[Nuxt] [Vuex] Devtools don't show updated values in Vuex inspector #1703

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
volkov-aleksandr opened this issue Feb 10, 2022 · 7 comments
Closed
Labels
bug need team repro We acknowledged your report and will soon try to reproduce it vue 2.x

Comments

@volkov-aleksandr
Copy link

Version

6.0.5

Browser and OS info

Chrome 98

Steps to reproduce

https://bitbucket.org/1creator/vue-devtools-bug/src/master/

What is expected?

Filled state

What is actually happening?

State has initial values
image


We use Nuxt JS 2 for SSR.
Action nuxtServerInit at store/index.js updates auth module state with new value, which rendered on page and can be accessed via $nuxt.$store.state.auth.user. But devtools says that user state is null.

With devtools version 5 everything is fine.

@vuejs vuejs deleted a comment from K-zimm Feb 10, 2022
@Akryum Akryum changed the title Devtools show vuex state with initial values after SSR (nuxt js) [Nuxt] [Vuex] Devtools don't show updated values in Vuex inspector Feb 10, 2022
@Akryum Akryum added bug vue 2.x need team repro We acknowledged your report and will soon try to reproduce it labels Feb 10, 2022
@urbgimtam
Copy link

urbgimtam commented Feb 10, 2022

Exactly my use case. Suffering from the same issue.
Looks related to the complaints in #1680

Here's a minimal codesandbox: https://codesandbox.io/s/crazy-rumple-hhfhd?file=/pages/index.vue
Standalone window: https://hhfhd.sse.codesandbox.io/

Values are updated to namespaced vuex stores, but are not captured by the latest VueDevTools in the Vuex Panel when using Vue2 plugin.

image

However, they do show up correctly in the Timeline panel, and updated in realtime, when monitoring Vuex Mutations and Vuex Actions.

image

@akadlec
Copy link

akadlec commented Feb 10, 2022

Same here. Had to do rollback to 5.3 version. It look like author is not testing it for vue2!

@Akryum Akryum closed this as completed in 985d0c8 Feb 11, 2022
@Akryum
Copy link
Member

Akryum commented Feb 11, 2022

@akadlec I'm not an army of testers to try out all the possible combinations of libraries and tools the millions different projects use. I tested on both the Vue 2 development shell and a real and very big production Vue 2 app. Did you try last year the available beta versions to see if there was an issue before the release?

@geoidesic
Copy link

geoidesic commented Feb 11, 2022

This is also broken for me. Vuex state does not update, only shows initial state. I have no idea how to create an example of this because I don't now what's causing it. It works on one app but not on my other app. On the app where it's not working, it's a VueJS v2 app and I am using the following plugins:

vuex-persist
vuex-reststate
vuex-map-fields

@geoidesic
Copy link

Did it have to auto-update? Would have been nice to be asked.

@geoidesic
Copy link

Same here. Had to do rollback to 5.3 version. It look like author is not testing it for vue2!

@akadlec can you please post links for how you managed to rollback?

@vuejs vuejs deleted a comment from akadlec Feb 11, 2022
@Akryum
Copy link
Member

Akryum commented Feb 11, 2022

Read the documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug need team repro We acknowledged your report and will soon try to reproduce it vue 2.x
Projects
None yet
Development

No branches or pull requests

5 participants