<p>I'm developing a new app in vue 3 with typescript. I have the Vue Devtools installed in Chrome, but it refuses to recognize the app as a Vue app stating <code>Vue.js not detected</code>. The help I find on the internet is to add <code>Vue.config.devtools = true;</code> to main.js. However <code>Vue</code> is not available in main.ts I also find instructions to adapt the webpack configuration, but there's no webpack in the project (that was set up by <code>vue-cli</code>.</p>

<p>Download from here or use browser install:</p> <pre class="prettyprint"><code>vue devtools version is v6.0.0 beta </code></pre>

How to enable devtools in vue 3 with typescipt in development mode

Tags:

I'm developing a new app in vue 3 with typescript. I have the Vue Devtools installed in Chrome, but it refuses to recognize the app as a Vue app stating Vue.js not detected. The help I find on the internet is to add Vue.config.devtools = true; to main.js. However Vue is not available in main.ts I also find instructions to adapt the webpack configuration, but there's no webpack in the project (that was set up by vue-cli.