CODEWITHSUNDEEP
vue.jsvue-devtools
Dalibor
Dalibor

Reputation: 1572

Vue devtools in Chrome: Vue.js not detected

I am new to Vue and I experiment with Vue 3 Composition API, which I created demo app and it works fine.

I installed Vue.js Devtools in Chrome, but when I open my site I can do nothing with it; it has a gray/disabled look and when I click on it, I get tooltip "Vue.js not detected", and in my Developer Tools I don't see any tab regarding Vue or whatsoever.

EDIT: I run some localhost app like "http://localhost:8998/#/home"

EDIT2: Which one? IDK, I just googled it and chose the one at the top with the best user rating, I add a capture enter image description here

Upvotes: 3

Views: 7756

Answers (3)

bialka104b
bialka104b

Reputation: 23

I also had problems with the plugin for Vue3. Recently a new version came out and now everything is working. Below is the link to the working version: https://devtools.vuejs.org/guide/installation.html

Upvotes: 0

krishna
krishna

Reputation: 121

credit: skirtle

Vue 2 and Vue 3 have separate versions of the devtools. Make sure you’re using the version that’s compatible with Vue 3. Currently that’d be 6.0.0 beta 3.

You’ll also need to use a dev build of Vue for the devtools to be able to interact with it. It won’t work with a production build of Vue.

Upvotes: 1

Jonathon
Jonathon

Reputation: 362

Have you tried npm run dev? Your Vue application needs to be in development mode in order for the Vue dev tools tab to display.

Upvotes: -2

Related Questions