search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Vue JS Devtools registering components intermitently #1001

Open jonathantizard opened 5 years ago

jonathantizard commented 5 years ago

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 Screenshot 2019-05-08 at 11 13 14

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 ) Screenshot 2019-05-08 at 11 22 44

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 commented 5 years ago

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 commented 5 years ago

I just wanted to say the same thing.

jonathantizard commented 5 years ago

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 commented 5 years ago

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