devtool does not appear

[PabloBagliere]

Vue devtools version

6.6.0

Link to minimal reproduction

https://github.com/PabloBagliere/vue2-error-devtool-quasar

Steps to reproduce & screenshots

to execute the problem is:

• install dependeny (pnpm i)
• run (pnpm dev)

What is expected?

It is expected to show the vue devtool option.

Example:

What is actually happening?

Does not display the vue devtool

System Info

System:
    OS: Linux 6.5 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
    CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz
    Memory: 19.58 GB / 31.21 GB
    Container: Yes
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.10.0 - ~/.nvm/versions/node/v18.10.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.10.0/bin/yarn
    npm: 8.19.2 - ~/.nvm/versions/node/v18.10.0/bin/npm
    pnpm: 8.7.3 - ~/.local/share/pnpm/pnpm
  Browsers:
    Brave Browser: 121.1.62.162
    Chrome: 121.0.6167.184

Any additional comments?

I use google chrome
I use quasar version 1 since the project at work is old. Vue already comes in quasar and uses vue 2.7.15.

The packages I have installed are in the image

I tried to use legacy but it does not work well because the project uses the setup method in many components and legacy does not show the setup.

[SkySor44]

This is happening for myself and my coworker all of a sudden. It was working before my last meeting and now its not working. I think the latest update broke something

[WeepingBoil]

me also - since 14 Feb v6.6.0.
Broken?

[Akryum]

I can't reproduce with the provided repo on Chrome/Linux.

[brentmitch]

This isn't a solution but the Standalone version does work:
https://devtools.vuejs.org/guide/installation.html#standalone

I'm running Chrome 121.0.6167.184 on Mac OS with Vue.js devtools 6.6.0 installed from the Chrome Web Store and I'm not seeing the Vue Dev Tools tab either.

[GuyGeva93]

Also here. Looks like something was broken after the last update (14/2)

[ajlond123]

I've disabled the latest version and reinstalled the legacy version which seems to be working for now - Legacy v5

[GuyGeva93]

I've disabled the latest version and reinstalled the the legacy version which seems to be working for now - Legacy v5

Thanks, worked for me.
Still it is truly necessary to fix the latest version.

[AndrianLeah]

Since last version I see the Vue tab but every time the page gets refreshed the plugin stops working and I have to close and reopen the tab. This didn't happen with legacy version.

[PabloBagliere]

@Akryum I don't know how else to help you to reproduce the error. When I click on the vue logo it does not open the dialog box in the new version.
In the video you can see that the dialog box does not open and the devtool does not appear and I use the example repository that I gave you.

Grabacion.de.pantalla.desde.15-02-24.09.04.38.webm

[Akryum]

Can you try:

• restarting chrome
• restarting the computer
• another browser such as Firefox or Edge

and report back?

[pabloraissiguier]

I'm having the same issue on mac and chrome

[SkySor44]

When you are trying to reproduce the issue are you on the right version of devtools? You might have to go to the extensions manager and force an update on Vue devtools. Also, does the legacy extension work with Vue 3?

…

On Thu, Feb 15, 2024, 6:58 AM Pablo Raissiguier ***@***.***> wrote: I'm having the same issue on mac and chrome — Reply to this email directly, view it on GitHub <https://github.com/vuejs/devtools/issues/2138#issuecomment-1946049621>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AIXZP4ZOTIWP7UUHZWHE7K3YTYA7NAVCNFSM6AAAAABDI5YQ3SVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNBWGA2DSNRSGE> . You are receiving this because you commented.Message ID: ***@***.***>

[PabloBagliere]

I found out that using the incognito mode of chrome if the devtool appears, I tried other browsers and it works fine. I tried rebooting, reinstalling and it still doesn't work in normal mode. What could be the problem?

attached pictures

Incognito mode

Standard mode

It detects that vue exists but when selecting the devtool icon it does not open the tool, nor does it appear in the header.

Also try disabling all browser extensions.