View Feed
group-icon
Coffee Room
Discuss anything here - everything that you wish to discuss with fellow engineers.
12940 Members
Join this group to post and comment.
Kaustubh Katdare
Kaustubh Katdare • Nov 5, 2017

Fix: Vue DevTools Tab does not appear in Chrome inspector

I had to scratch my head for almost 20 minutes on this. I imported Vue.js from the production CDN and was wondering why does the vue dev-tools chrome extension not work. The extension did go 'active' in the browser, but whenever I clicked on it, it threw an error that the extension cannot work because it's in production mode.

The fix was super simple.

Get the 'dev' version of vue.js for your local development environment instead of the CDN version which disables the extension for security reasons.

But if you must use the production version, try adding:
Vue.config.devtools = true;

right after you import the script in your code. If that doesn't work, simply download the vue.js development version locally and it works like charm.

Share this content on your social channels -