Vue dev-tools is a handy little tool developed by VueJs to make the debugging easier when you develop Vue Applications . Currently there is a chrome extension available . Also you can install it via yarn or npm as well .
But sometimes you might come across a issue like this when you try to use this tool .
Following are few ways to fix the issue .
- First of all , make sure you are using a non-minified version of VueJS.
- If you are using File:// protocol , By enabling “allow access to file URL’s option” in the chrome extension
after this try closing and reopening the chrome .
- By adding the devtools = true in the app.js file .
Vue.config.devtools = true
More info here
- If non of the above doesn’t work , try loading your Vue app over a local http-server.
Here is a simple http-server. And close and reopen your chrome tab .
I was able to resolve this issue by following option 2 and 3 .