VueJs dev tools panel not showing

vuejs2 vue.js vue-resource
Malik picture Malik · Jan 6, 2017 · Viewed 31.3k times · Source

I started using vue dev-tools in my application but it is not visible when in developer mode in Chrome. I tried various solutions found on the dev-tools github page and in other places on the web, but no luck. Below are the things i have done/tried to get it to display.

  1. Enabled allow access to file URL’s option in the chrome extension
  2. Added Vue.config.debug = true; Vue.config.devtools = true; just before new Vue({})
  3. Added non-minified versions of VueJS file
  4. Also I am using Chrome latest version: 55.0.2883.87.

I do get the following message when I click on the chrome extension enter image description here

Except the panel is not actually showing.

Does anyone have a solution to this? Thanks.

Answer

Daryn picture Daryn · Jun 26, 2017

I could not get the Vue icon to be active on the menu bar, however I was able to get the Vue tab to show in the Chrome developer tools. Try the following:

  • Close the Chrome developer tools window
  • Hard refresh the browser
  • Re-open the developer tools window and look for the Vue tab

The icon in the toolbar might still indicate that it cannot detect Vue, but the tab should be visible in the Chrome developer tools.

Related questions

Push to vuex store array not working in VueJS

I'm using Vuex to show a list of users from 'store.js'. That js file has array like this. var store = new Vuex.Store({ state: { customers: [ { id: '1', name: 'user 1',}, ] } }) I want to insert a new set of …

Read More
Is there any way to 'watch' for localstorage in Vuejs?

I'm attempting to watch for localstorage: Template: <p>token - {{token}}</p> Script: computed: { token() { return localStorage.getItem('token'); } } But it doesn't change, when token changes. Only after refreshing the page. Is there a way to …

Read More
Which VueJS lifecycle hook must Asynchronous HTTP requests be called in?

I'd like to know how before I render a page, I want to send an async GET request to my server to retrieve data and populate the properties in data. I heard the best way to do this is to …

Read More