vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.66k stars 4.15k forks source link

Vue Devtool is not showing in my chrome devtool #62

Closed FWSimon closed 8 years ago

FWSimon commented 8 years ago

I opened my Chrome Devtool today and now the Vue Devtool menu is gone.

Am i the only one have this problem?

Im using Chrome Version 47.0.2526.80

marijnz0r commented 6 years ago

@admench Wow, sometimes it's so easy. Thanks for leaving the comment!

heibaikn commented 6 years ago

When I use cdn, vue.min.js does not work, just change it to vue.js ,become work

gorbenkoalex commented 6 years ago

If i'm using as: render: h => h(App), - DevTools not working

if change to: components: { App }, - All fines.

marian-daogaru commented 6 years ago

While I know this issue might be old, I ran in the same problem, with a side effect: using a minified version of Vue, I was not able to access dev tools. Now, the side effect: if using the Vue.config.devtools = true and Vue.config.debug = true before new Vue worked only after I went into a second page that used Vue. So, to get it working in the first go, I put those two lines after new Vue.

torarnv commented 6 years ago

I'm also using render: h => h(App),, is this the cause? I can't change it I think without adding unsafe-eval :/

chirumist commented 6 years ago

Using devlopment script remove production script https://cdn.jsdelivr.net/npm/vue/dist/vue.js

PierreTurnbull commented 6 years ago

First time in my life that spamming a command makes it work... wow!

honsa commented 6 years ago

Still same problem.

VKingi commented 5 years ago

I also encountered this problem. But I have solved it.

The Vue version is v1.0.21(a non-production build of Vue.js), and the Chrome version is 50.0.2661.87.

go to chrome://extensions, and find the vue-devtools plugin, selected this option---"Permission to access the file URL"

and the problem is solved :)

Thanks

Randa-Elkhashen commented 5 years ago

I had the same problem but I solved it I downloaded the development version With full warnings and debug mode from the official Vue website

djaxho commented 4 years ago

I had the same issue when using Vue with a Browserify setup. Even though Vue.config.devtools was set to true they still failed to show. Upon inspecting window.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue I noticed that it remains undefined.

If I run window.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = Vue; in the console and reopen Chrome's developer tools they load correctly, so it looks as if this is possibly an issue where the hook is not set correctly when the devtools flag is set.

EDIT: I had this issue as npm installed Vue 1.0.0-rc2 for some reason. Changing the version to 1.0.26 seemed to resolve issues for me.

This is the only thing that works for me

Nasim-Alizai commented 3 years ago

I have added vue.js dev tool but it dose not work and say vue is not detected