Vue-devtools: Vue JS Devtools registering components intermitently

[jonathantizard]

Version

5.1.0

Browser and OS info

Mac OSX Chrome "73.0.3683.121"

What is actually happening?

When running yarn electron:serve - the VUE JS dev tools are not registering any elements as VUE. However the tools are installed.

Steps to reproduce

1. electron:serve
2. The App launches
3. Dev Tools installed but not working
   

What is expected?

1. After running the same command with no code changes the VUE devtools then work this is random and far between ( Same app and code but successful build here )
   

Package.json
{ "name": "com.electron", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "electron:build": "vue-cli-service electron:build", "electron:serve": "vue-cli-service electron:serve", "postinstall": "electron-builder install-app-deps", "postuninstall": "electron-builder install-app-deps", "test:e2e": "vue-cli-service test:e2e" }, "main": "background.js", "dependencies": { "client-oauth2": "^4.2.3", "core-js": "^2.6.5", "vue": "^2.6.10", "vue-router": "^3.0.6", "vuex": "^3.1.0" }, "devDependencies": { "@vue/cli-plugin-babel": "^3.7.0", "@vue/cli-plugin-e2e-cypress": "^3.7.0", "@vue/cli-plugin-eslint": "^3.7.0", "@vue/cli-service": "^3.7.0", "@vue/eslint-config-prettier": "^4.0.1", "babel-cli": "^6.26.0", "babel-eslint": "^10.0.1", "electron": "^5.0.0", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "vue-cli-plugin-electron-builder": "^1.3.1", "vue-template-compiler": "^2.5.21", "webpack-cli": "^3.3.1" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "@vue/prettier" ], "rules": {}, "parserOptions": { "parser": "babel-eslint" } }, "postcss": { "plugins": { "autoprefixer": {} } }, "browserslist": [ "> 1%", "last 2 versions" ] }

Additional context
Not sure if the tools are trying to re install or there is a race condition before the browser loads? Or it might be silently failing?

---

Original Issue... nklayman/vue-cli-plugin-electron-builder#268

[WarWithinMe]

It seems like switching to Vue tab, then close and re-open the devtools will make the "vue-devtools" work as expected.

However, this has to be manually done for each window.

[bwin]

I just wanted to say the same thing.

[jonathantizard]

Ah yes in electron if I close and open the tools, it works on the reload of the tools, but again if you reload again, its only intermittent. Good spot.

[GitNomster]

I noticed that if you press f5 while on the network tab - devtools does not hang.