05 Nov 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.

Be the first one to reply

Share this content on your social channels -

Only logged in users can reply.