search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.63k stars 4.15k forks source link

Can't change vuex state when there is any module filter #1171

Open ConorSheehan1 opened 4 years ago

ConorSheehan1 commented 4 years ago

Version

5.3.3

Browser and OS info

Chrome 80 / OSX Mojave 10.14.6

Steps to reproduce

  1. Open vue-devtools on an app that has vuex modules.
  2. Add any module filter.
  3. Notice the state can't be edited. Remove the filter, and notice the same state can be edited.

What is expected?

Can edit state regardless of filters.
Currently you can edit using the first Filter inspected state filter, but not the module filter.

What is actually happening?

Can only edit state when no module filter is applied.

vue_devtools_short_fix

nicooprat commented 4 years ago

I can confirm that. No error in the console too. Tried different settings (new vuex backend, autoload state, ...) without success.

ConorSheehan1 commented 4 years ago

I'm working around it for now by using Filter inspected state instead of the module filter. Would still like to be able to edit with both filters. vuex_work_around

joakimriedel commented 4 years ago

Same issue here with Edge 81.0.416.68 and Vue Devtools 5.3.3.

However, I do get an error in the console when trying to modify state when module filter is applied:

backend.js:683 Uncaught TypeError: Cannot set property '0' of undefined
    at set (backend.js:683)
    at VuexBackend.onEditState (backend.js:1029)
    at Bridge.emit (backend.js:3960)
    at Bridge._emit (backend.js:3783)
    at backend.js:3708
    at Array.forEach (<anonymous>)
    at backend.js:3708
    at listener (backend.js:4298)
set @ backend.js:683
onEditState @ backend.js:1029
emit @ backend.js:3960
_emit @ backend.js:3783
(anonymous) @ backend.js:3708
(anonymous) @ backend.js:3708
listener @ backend.js:4298
postMessage (async)
o @ proxy.js:1
Bigdragon13th commented 3 years ago

Any update on this?

markhilton commented 3 years ago

Had a similar issue where vue-devtools VueX tab not listing store namespaces, displaying not all states and getters. Using a filter did not help to find missing properties. I've tried with Chrome and Firefox - all having the same issue.

I just removed the entire node_modules folder from the project and re-installed all packages and that immediately fixed the issue for me.