Vue-devtools: vue.js not detected

[Mavrick2020]

Version

5.3.3

Browser and OS info

Chrome 85 / Windows 10

Steps to reproduce

The below line of code properly executed in Chrome. However, the dev tool doesn't recognize Vue.

What is expected?

Vue tab in Chrome Developer Tool

What is actually happening?

vue.js not detected

[mathewgrabau]

I am seeing/having the same problem in Chrome. Using cli/webpack bundling and just the local development server.

[mattrighetti]

I am using Vue.js 3 and Firefox, this is happening to me too

[ttntm]

Solution is in the docs: https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension

-> install the beta extension and it'll work ;)

[shevchenko-web]

first things first, install vue devtools from manual.
and then close the browser.
finally restart browser and check your vue development environment.
regards.

[mattrighetti]

This issue can be closed

[toddprouty]

If you are taking the Vue Mastery: Intro to Vue 3 course (linked from the official docs), and the extension is still not detecting Vue.js in the course files, try this:

1. Install the beta extension as mentioned by @ttntm.
2. Disable the stable (non-beta) version of the extension if you have it installed.

3. In the HTML course files, replace:

   <script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>

   with:

   <script src="https://unpkg.com/vue@next"></script>

This is the library currently recommended in the official docs "for prototyping or learning purposes" (but _not_ production use).