Vue3 chrome devtool not working when vite-plugin-vue-devtools node module is enabled

brguru90 commented 5 months ago

Vue devtools version

6.6.1

Link to minimal reproduction

http://localhost:8080

Steps to reproduce & screenshots

Issue happening when vite-plugin-vue-devtools plugin included in vite defineConfig section Here vue3 is used with vite

What is expected?

Vue tab should show under chrome devtool

What is actually happening?

Getting vue.js is detected, but vue tab is not showing is chrome devtool in mac m3 pro & os is Sonoma 14.5

System Info

System:
    OS: macOS 14.5
    CPU: (11) arm64 Apple M3 Pro
    Memory: 41.02 MB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.1.0 - /opt/homebrew/bin/node
    npm: 10.7.0 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 125.0.6422.112
    Edge: 125.0.2535.67
    Safari: 17.5
  npmPackages:
    vue: ^3.3.4 => 3.3.4

Any additional comments?

No response

kazu24z commented 5 months ago

@brguru90 me too. it's the same.

webfansplz commented 4 months ago

We can try using the v7 Chrome extension, they can work together.

vuejs / devtools-v6

Vue3 chrome devtool not working when vite-plugin-vue-devtools node module is enabled #2168