Vue-devtools: Chrome Plugin Update

Created on 30 Jan 2018 · 6Comments · Source: vuejs/vue-devtools

Version

4.1.2

Browser and OS info

Chrome - Windows 10

Steps to reproduce

Not completely sure, but it seems to occur when I navigate away from the Vue plugin within dev tools.

What is expected?

Be able to click on components within root or root, itself and list component properties..

What is actually happening?

When I hover over, I see new-looking component name button overlays in webpage. But, I can't actually click/select said component to view the properties. I have to close dev tools and re-open.

Can I rollback the update?

Source

Erutan409

👍4

Most helpful comment

Same problem! Chrome Version 63.0.3239.132 on MacOS High Sierra (10.13.2)

Version
4.1.2

Steps to reproduce:

Load a tab with a running Vue app in it (http://todomvc.com/examples/vue/)
Open Chrome dev tools -> Vue
Reload tab

What is expected?
Vue dev tools will continue to function

What is actually happening?
Vue dev tools becomes entirely unresponsive (cannot select components or navigate bindings, cannot switch between componenets/vuex/events, cannot refresh) and stops reacting to changes on the page.

GriffinJohnston on 30 Jan 2018

👍2

All 6 comments

have this issues too.
it happens after webpack middle hot reload

sometimes, after long non-reload chrome, it showing that error:
backend.js:1 Uncaught TypeError: Cannot read property '__VUE_DEVTOOLS_UID__' of undefined
at backend.js:1
at t.a.v.on.e (backend.js:1)
at t.a.n.emit (backend.js:1)
at e.listen.e (backend.js:1)
at n (backend.js:1)
(anonymous) @ backend.js:1
v.on.e @ backend.js:1
n.emit @ backend.js:1
e.listen.e @ backend.js:1
n @ backend.js:1
postMessage (async)
o @ proxy.js:1
EventImpl.dispatchToListener @ VM3009 extensions::event_bindings:403
publicClassPrototype.(anonymous function) @ VM3015 extensions::utils:138
EventImpl.dispatch_ @ VM3009 extensions::event_bindings:387
EventImpl.dispatch @ VM3009 extensions::event_bindings:409
publicClassPrototype.(anonymous function) @ VM3015 extensions::utils:138
dispatchOnMessage @ VM3016 extensions::messaging:392

modelair on 30 Jan 2018

👍2

i have this problem too, already did uninstall chrome and vue dev tools still not working

Tested on firefox and its working very fine

Uncaught TypeError: Cannot redefine property: $isChrome
at Function.defineProperties ()
at e.a (devtools.js:1)
at t.connect.t (devtools.js:1)
at devtools.js:1
at devtools.js:1
at callbackWrapper (:60:1)
at ExtensionServerClient._onCallback (:73:649)
at ExtensionServerClient._onMessage (:74:9)
4devtools.js:1 Uncaught TypeError: Cannot read property '$el' of undefined
at po.refresh (devtools.js:1)
at o (devtools.js:1)
at e (devtools.js:1)
at HTMLAnchorElement.e._withTask.s._withTask (devtools.js:1)