-
-
Notifications
You must be signed in to change notification settings - Fork 131
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Floating button for inspector not showing up #711
Comments
Can you provide a mini repo? Thanks. |
I created a minimal reproducible example over at: https://github.com/devtobi/devtools-inspector-missing-example I found that the button appears when I change the configuration of the vite-vue-plugin to include options API. vue({
features: {
optionsAPI: true, // with false the button disappears
},
}),
vueDevTools() This lets me guess the Inspector functionality is written using Options API? Nonetheless, even though the button is visible the functionality to select components is not available. |
I tried to reproduce it with the repo, but I could not. Any special handle steps or environments? |
That's really strange. So it did work on your side even if you set |
@webfansplz With the new Devtools 7.6.7 everything works fine now. However I still need to set |
To validate this issue I just tried this on a completely different machine (personal Mac) and on all major browsers. The behaviour is exactly the same as I already described above ( |
Description
For some reason the inspector button for the DevTools (next to the Vue button) does not show up when I use the current DevTools as a Vite plugin.
I tested this both on Firefox and Chrome.
Environment information
Operating System: Windows 10 22H2
Node Version:
22.11.0
npm Version:
10.9.0
Vite Version:
5.4.11
Vue Version:
3.5.12
DevTools Version:
7.6.4
Screenshots
The text was updated successfully, but these errors were encountered: