Why is Vue.js Chrome Devtools not detecting Vue.js?

Question

I have the following code with a simple working Vue.js application. But the vue.js devtools is not responding. It was working well a few days ago, now it\'s not working anymore

Answer 1

i had this problem, and i was expecting the vue-devtools to work by just including it. i had it console log the version

console.log("Vue Version " +Vue.version );

but this didnt work to actually load an instance of vue.

took me a few minutes, but once i actually created a vue instance, then it worked. this was the hello world example that made the devtools work :)

let data = {
  message: 'Hello World'
}

new Vue({
  el: '#application',
  data: data
})

Answer 2

I solved the same problem. But in my case Vue.js Chrome Devtools didn't detect Vue.js because in html file was <script src="https://unpkg.com/vue"/>

I replaced it to <script src="https://unpkg.com/vue"></script> Now Chrome Devtools is detecting Vue.js perfectly.

Thanks for exapmle above.I use vue@2.4.4 and open my html by file://

Answer 3

I found out the answer, I was viewing a plain html file on my computer which was making the vue.js tool not load. I loaded up my local xampp server and ran the application from the local machine server url again and now vue.js devtools is working! :)

Answer 4

I tried all of the ways presented in answers here, but none of them worked for me (neither for chrome nor for firefox).

Finally I found an answer: If you still have this problem, you can try to uninstall the current version of Vue extension and install beta version: https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension

Remember to restart your browser afterwards.

Answer 5

If you have already turned on Allow Access to file URLs in chrome://extensions/ -> Vue Devtools and it still does not work, try reinstall the Vue Devtools, might work for you.

Answer 6

To solve this, simply go to chrome://extensions/, scroll down to the Vue.js devtools and enable the "Allow Access to file URLs" by clicking on its checkbox.

Source: https://github.com/vuejs/vue-devtools/issues/236