title: VueJs dev tools panel not showing
body: <p>I started using <a href="https://github.com/vuejs/vue-devtools" rel="noreferrer">vue dev-tools</a> 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.</p>
  
  <ol>
  <li>Enabled <code>allow access to file URL’s option</code> in the chrome extension</li>
  <li>Added <code>Vue.config.debug = true;</code> <code>Vue.config.devtools = true;</code> just before new Vue({})</li>
  <li>Added non-minified versions of VueJS file</li>
  <li>Also I am using Chrome latest version: 55.0.2883.87.</li>
  </ol>
  
  <p>I do get the following message when I click on the chrome extension
  <a href="https://i.stack.imgur.com/a8C41.png" rel="noreferrer"><img src="https://i.stack.imgur.com/a8C41.png" alt="enter image description here"></a></p>
  
  <p>Except the panel is not actually showing. </p>
  
  <p>Does anyone have a solution to this? Thanks.</p>