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.

Replies

You are reading an archived discussion.

Related Posts

The work we do is always not as interesting as we want it to be. Sometimes we lose the zeal to work on it and sometimes the work speaks of...
NASA keeps striving for improvements in commercial aircraft, as evidenced by its deeper push into X-Plane research with Aurora Flight Sciences. Are Bigger Planes the Future of Commercial Flight?
Xiaomi has ruled over India for a long period, all thanks to its budget-oriented smartphones that pack tons of feature. Under a decent price category, Redmi Note 4, one of...
My first encounter with the 'stage', I remember, was in the 7th grade and ever since I have absolutely fallen in love with it. The shiny mikes, scripts, the ceremonial...
HMD Global has had a rethink when it comes of one of its current smartphones. HMD Global who currently have the Nokia brand name to themselves have added an extra...