Vue-devtools: nothing changes on chrome after the installing extension

Created on 6 Nov 2016  ·  11Comments  ·  Source: vuejs/vue-devtools

Most helpful comment

Make sure that the extension has access to file:// protocol. You can activate this in the Chrome's extensions management panel -> Type in the URL chrome:extensions and watch for the Vue extension, then there're two checkboxes (one for incognito mode and one for file access). After that load the page again and open the chrome dev tools.

All 11 comments

Dito.

+1

@w3code what does dito mean ?

See https://github.com/vuejs/vue-devtools#vue-devtools - does that help?

No, I followed the instructions, but it still doesn't work.

Well, I just deactivated and activated again, now it works. ;)

I have the extension icon Active (as it have detected Vue on the page), but no "Vue" tab in th development console.. Does it have limitations like.. MacOs, Webpac?

https://www.evernote.com/l/ACgS9fkI2J5D7aQHeCTWm7QWfqxi_yvpTRQ

@mityukov try refreshing the page and reopening the devtools.

Make sure that the extension has access to file:// protocol. You can activate this in the Chrome's extensions management panel -> Type in the URL chrome:extensions and watch for the Vue extension, then there're two checkboxes (one for incognito mode and one for file access). After that load the page again and open the chrome dev tools.

@w3code I use Laravel's Valet for the development, so, the site is not accessed by file:// (I believe..)

But it helped… Thank you!

Was this page helpful?
0 / 5 - 0 ratings