Vue-devtools: Vue Devtools tab is not visible

Created on 28 Nov 2015  路  4Comments  路  Source: vuejs/vue-devtools

I downloaded vue-loader-example and installed Vue Devtools extension for Chrome. I can get the example working by running npm run dev. The problem is that I don't see the Vue Devtools tab on my Chrome devtools.

I'm running Chrome version 46.0.2490.86 on my Macbook Pro.

screen shot 2015-11-28 at 15 27 51

Most helpful comment

Happened to me, although it was working yesterday. Reinstalled the extension and restarted chrome seems to have brought the tab back.

All 4 comments

Happened to me, although it was working yesterday. Reinstalled the extension and restarted chrome seems to have brought the tab back.

This is because you are opening the wrapped page served by webpack-dev-server, which in turn loads the actual app in an iframe.

Just go to localhost:8080 directly without the /webpack-dev-server path.

i have an same question,does it means vue-devtools cannot work with iframe?

you need use development (non-minified) versions of Vue. use vue.js, not vue.min.js.
https://github.com/vuejs/vue-devtools#notes

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sithuaung picture sithuaung  路  4Comments

mikaelhadler picture mikaelhadler  路  3Comments

yyx990803 picture yyx990803  路  3Comments

matthewsunrise picture matthewsunrise  路  3Comments

stiltet picture stiltet  路  3Comments