84 questions
0
votes
1
answer
92
views
Unable to open Vue Devtools from Toggle or Select Components in Firefox/Chrome on macOS
Environment:
OS: macOS (e.g., Sonoma or Ventura)
Browsers tested: Firefox (latest), Chrome (latest)
Vue Devtools version: [7.7.7]
Vue version: [e.g., Vue 3.4.21]
Devtools installation method: Browser ...
0
votes
2
answers
153
views
Opening a file located on WSL with VSCode from the command line
I want to open the file I'm editing from a Vite instance running on WSL using the code command. For this, Vite passes the Linux-compatible path and the -r flag to the code command, but it ends up ...
1
vote
0
answers
88
views
Can Vue devtools cause high CPU usage if app/tab left open for long time?
I have a Vue app where on one page all it does is sets an interval on mounted to fetch something from an API every minute. Now if I leave it like this for a long time, CPU usage starts creeping, while ...
20
votes
4
answers
18k
views
Why can't I see Pinia in Vue devtools?
I am developing an app using Vue 3, Vuetify 3, and Pinia, all of which I'm in the process of learning. I'm trying to follow this video to learn Pinia and at about 17:50, the presenter says to install ...
0
votes
0
answers
204
views
vue3js - why are keys not showing correctly in devtools?
I am having strange problems with a vue3 app and have started to use the vue3 devtools add-in to see what is going on.
In one project, I am seeing all the :key values showing as zero:
although I am ...
0
votes
1
answer
475
views
Vue dev tool display only <root>
i often see only <root> tag in components in vue devtool. If i search a specific component in page, it display like you see on picture below right sight. When i reload page a few times it ...
2
votes
1
answer
5k
views
Vue3 Pinia store not loading until vue devtools is launched
I encounter a strange behavior with pinia in a Vue3 app.
I created a little app with a pinia store using option API.
Here is my main.js with creating the store :
import { createApp } from "vue&...
1
vote
1
answer
763
views
vue3 devtools: How to access component methods using Options API?
In devtools with Vue2 I can access my components methods by selecting a component in vue devtools and then type $vm0.myMethod() in the console.
export default {
// ...
methods: {
myMethod() {
...
0
votes
0
answers
619
views
vue.js dynamic component renders twice with itself as child component
I have a component proxy which renders components using vue.js build in dynamic component. The instanceName is the component to render. The data is the relevant data for the component to render.
<...
4
votes
2
answers
7k
views
Vue3.js and Pinia: Why is my store state undefined in VueDevtools?
I am using Vue 3 with Pinia ^2.0.14. I'm importing Pinia into the app in main.ts like so:
import { createPinia } from 'pinia'
import { createApp } from 'vue'
import App from './App.vue'
const pinia = ...
3
votes
1
answer
3k
views
What are the performance numbers in the Vue devtools next to the components?
Does anyone have an insights or a resource for a feature in the Vue Dev Tools? On the components pane it shows my components and then these little red and yellow squares with what I am assuming is the ...
5
votes
3
answers
8k
views
Vue devtools inspection is not available on locally hosted app
When I run my Vue app, the Vue devtools extension detects Vue.js, but complains:
Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
I'm ...
1
vote
1
answer
117
views
What means this Vue devtools version hint?
My Vue devtools show this version hint:
I don't understand from where the version number 3.2.28 is coming though or to what exactly it refers to - my vue version is 3.2.25.
0
votes
1
answer
200
views
Accessing top-level Vue data in nested getter/setter
<template>
<div id="app">
{{ foo.bar }}
<button @click="meaning++">click</button> <!--not reactive-->
<button @click="foo.bar++&...
0
votes
2
answers
3k
views
Vuejs passing props to from parents component to child component not working
I am newbie and in charge a project using Vuejs.
Here is a page that use a component called DashboardCard and each DardboardCard is passed 2 props is val and icon from the page a.k.a the parent ...
0
votes
2
answers
2k
views
Vue devtools stops after refresh
I open vscode and start my development server via npm run serve. My app loads into chrome and upon inspection under the vue tab vuex I can see my store.
Now when I refresh the page under the vue tab ...
1
vote
0
answers
1k
views
Vue DevTools beta not appear in Brave Browser developer tools
I'm using Vue DevTools beta version for my Vue 3 Application. it's perfectly detecting vue app but it's not appear in Browser developer tools. when I using Vue 2 application it's appear on Browser ...
5
votes
2
answers
9k
views
Vue devtools in firefox not detecting Vue 3 app
Hey guys i'm using Vue devtools in firefox browser. Vue devtools detecting perfectly on Vue 2.6.12 application. but it's not detecting on Vue 3.0.0 application.How can solve this problem.
Thanks
0
votes
0
answers
3k
views
how solve vue js not detected in vue dev tools?
hi i have this error in dev tools in vue3
and you can say icon devtools is off in my app tabs on chrome
I go to this extension and turn on Allow access to file URLs , add app.config.silent = true in ...
2
votes
0
answers
270
views
How to make manually-added Vue component show up in Vue dev tools?
I'm mouting a component manually, just like docs say:
https://v2.vuejs.org/v2/api/#vm-mount
var MyComponent = Vue.extend({
template: '<div>Hello!</div>'
})
// or, render off-document ...
4
votes
0
answers
337
views
How to stop Electron from printing devtools extension errors to console?
I've been using Vue devtools extension with Electron and whenever I activate and use Vue devtools, all the errors occurred from it gets printed out to the Electron's main process console like this.
...
10
votes
2
answers
9k
views
Laravel 8 - Jetstream + inertia.js - Vue dev tools not working
I have a project using Laravel 8, inertia js, Vue.js and webpack.
The VueJs chrome dev tools aren't working for this project. It keeps showing as not detected, i've tried restarting it, removing and ...
1
vote
1
answer
2k
views
Vue DevTools in Chrome: Vue is detected but no data is shown
I'm new to Vue and I want to try out the DevTools. I created a brand new app using vue cli (no additional code), the app is Vue v2 and my chrome plugin is v6.0.0 beta 3.
vue create my-app
When ...
1
vote
0
answers
421
views
How ignore a portion of the Vuex store in the Vue.js devtools
I'm working on a project that has a large data model and stores much of it in the Vuex store. This is manageable when working with fresh developer environments, but once our app acquires lots of data, ...
0
votes
2
answers
553
views
vue dev tools not working with vue-cli project
I've installed new vue-cli project and when launched locally and opened on localhost:8080 by running
npm run serve
Vue dev tools stayed inactive. I've read that one needs to initialize Vue instance, ...