Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome extension vue-devtools not detecting Vue

Tags:

vue.js

Not detected my <script src="https://cdn.jsdelivr.net/npm/vue"></script>

Also https://vuejs.org/v2/examples/commits.html have <script src="/js/vue.js"></script> and when click Vue icon at Chorme say "Vue.js not detected"

PS: using extension described here and supposing the github.com/vuejs/vue-devtools.


EDIT: the installation say nothing, but you must to close and reopen Chorme.

Well, after it a new problem, now the on-click-VueIcon message is

Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

like image 947
Peter Krauss Avatar asked Mar 09 '18 14:03

Peter Krauss


People also ask

Why is VUE JS chrome Devtools not detecting Vue JS?

Simply go to chrome://extensions and leave the "Allow access to file URLs" box checked for Vue. js devtools. I tried all of the ways presented in answers here, but none of them worked for me (neither for chrome nor for firefox). Remember to restart your browser afterwards.


1 Answers

I found this simple workaround:

  • right click the Vue icon and click Manage extensions
  • Scroll down and enable Allow access to file URLs
  • Restart your Chrome, and you'll be good.

NOTE: You might need to turn on debug mode by adding this line at the beginning of your script

Vue.config.devtools = true;
like image 77
Aminu Kano Avatar answered Oct 01 '22 12:10

Aminu Kano