Level 35
I had a similar issue and the problem was I had multiple versions of Vue Devtools installed. Once I removed the older versions and just used the latest one, Vue Devtools was showing up correctly.
2 likes
Oct 22, 2022
3
Level 10
How can I enable Vue Devtools in Laravel 9/Jetstream/Intertia
Hey guys,
On a fresh installation of Laravel 9 + Jetstream and the Inertia stack, I need to be able to inspect the Vue components in the browser. As it turns out, the Vue.JS devtools won't show up because, apparently, the browser addon thinks the application is in production mode, even though I'm issuing the npm run dev command to compile the JS assets.
How can I enable the development mode for Vue?
Thanks!
Level 6
I was stuck on this for days. I just realized that the devtools won't run on any Vite production build of my app (i.e. npm run build) even when my local environment variables are set to "local" and not "production". I also tried setting Vue.config.devtools = true; in various places with no success.
I just now realized that if I start the Vite dev server (i.e. npm run dev), the devtools do start working though.
3 likes
Level 26
I had the same problem and I just found a solution. This was similar to Andre's (@drehimself) situation, but I only had an old version of Vue.js Devtools - Uninstall & Install the latest one worked for me.
Please or to participate in this conversation.