Broken Vue Dev Tools

[stiltet]

Version

6.0.0-beta.2

Browser and OS info

Chrome Version 86.0.4240.111 (Official Build) (64-bit) on Windows 10

Steps to reproduce

When I open Vue Dev Tools I'm getting two errors;

"Uncaught (in promise) TypeError: Cannot set property 'VUE_DEVTOOLS_UID' of null
at Object.registerApp (backend.js:1204)"

and:

"backend.js:570 Uncaught TypeError: Cannot read property 'id' of null
at Bridge. (backend.js:570)
at Bridge.emit (backend.js:3998)
at Bridge._emit (backend.js:903)
at backend.js:835
at Array.forEach ()
at backend.js:835
at listener (backend.js:1477)"

What is expected?

To Vue Devtools to work without errors.

What is actually happening?

Vue Dev Tools are not working at all.

[gianlucadifrancesco]

Same exact problem for me, just after creating a basic project with the Vue CLI.
I searched a lot for a fix, but this bug seems "different" from the previous months/years one.

I wonder if I'm missing something in the docs, but I also tried to follow the "Force enable the devtools" section and nothing happened.
(Is it possible to fix it with some config?)

[stiltet]

@gianlucadifrancesco: The best and only way for now is to uninstall Vue Devtools extension and install the older, stable version that do work (https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en), I couldn't do anything with the new beta version, it's sadly unusable at the moment.

[gianlucadifrancesco]

@stiltet Thank you for the response and I confirm the stable version is working!
Yes anyway, I tried everything and this seems the only solution at the moment.

UPDATE: The docs of the beta (https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg) say this:
- Currently only supports Vue 3
And I can confirm this. (It turns out I was using Vue 2 and wasn't aware of it 😂 so it's actually my bad here)