search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.66k stars 4.15k forks source link

Vue devtools not available #1006

Open buksy90 opened 5 years ago

buksy90 commented 5 years ago

Version

5.1.0

Browser and OS info

Chrome 74.0.3729.157 (Official Build) (64-bit) (cohort: 74_169_Win), Windows 10 OS Build 17763.503

Steps to reproduce

  1. open following link https://jsbin.com/koyorenino/edit?html,js,output
  2. open dev tools

What is expected?

I would expect Vue tab to be present on devtools and Im being able to debug Vue application

What is actually happening?

Developer tools dont display Vue tab

I can see Vue tab in developer tools when I visit following site:

It (also) doesnt work for:

I have checked my settings of extension, I have it allowed on all sites and I have event allowed in incognito & file urls., Still doesnt work, here are my settings https://imgur.com/a/0bAIlR9

Larceniii commented 5 years ago

Same issue, closed tab and reopen tab fixed it for me.

b-jan commented 5 years ago

Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

subz390 commented 5 years ago

I think the issue could be related to not working across iframes. For example in JSFiddle Vue Boilerplate the output page is in an iframe and it doesn't work for me on that site. In the Developer Tools console I get the standard console.info message You are running Vue in development mode. and Download the Vue Devtools extension for a better development experience: however I have Vue Devtools installed and it's working just fine for me on a page where the code isn't in an iframe. I've tested this in both FireFox and Chrome browsers.

hello-chenchen commented 5 years ago

@subz390 the same problem to me.

xiaopenggithub commented 5 years ago

Devtools inspection is not available because it's in production mode or explicitly disabled by the author.