question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue Devtools not loading

See original GitHub issue

Describe the bug After the first initial run when the devtools are still being loaded, they’re not available anymore.

When running npm run electron:serve I get this warning message:

(node:16668) ExtensionLoadWarning: Warnings loading extension at C:\Users\oasch\AppData\Roaming\sealas-desktop\extensions\nhdogjmejiglipccpnnnanhbledajbpd: Unrecognized manifest key 'browser_action'. Unrecognized manifest key 'update_url'. Permission 'contextMenus' is unknown or URL pattern is malformed. Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system.

Which is most likely coming from this line:

await installExtension(VUEJS_DEVTOOLS)

package.json:

"vue-cli-plugin-electron-builder": "^2.0.0-rc.4",

It seems possible to “fix” this by deleting the temporary build and forcing a rebuild.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:27 (7 by maintainers)

github_iconTop GitHub Comments

12reactions
nklaymancommented, Jul 25, 2020

@Chappie74 The await code is for win.loadURL(process.env.WEBPACK_DEV_SERVER_URL), likely around line 32.

4reactions
nklaymancommented, Jul 24, 2020

Can those of you with the issue please try this: https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/776#issuecomment-639099375 (adding await)? It seemed to work for everyone in that issue, and it seems like the same problem.

Read more comments on GitHub >

github_iconTop Results From Across the Web

VueJs dev tools panel not showing - Stack Overflow
Enter chrome://extensions in the address bar and click on Details for Vue.js devtools. Scroll down to "Allow in Incognito" and switch to On....
Read more >
Vue.js is detected but the Vue Panel is not showing #1209
Go to the DevTools settings · Under Apperance, choose a different theme · The Vue Panel should be back now in DevTools ·...
Read more >
Vue3 devtools : VueJS not detected - Get Help - Vue Forum
I installed vue devtools but it says VueJS not detected (in chrome). my app is working fine. how can a Vue instance not...
Read more >
How To Debug Components, State, and Events with Vue.js ...
Vue.js Devtools is a browser extension for Chrome and Firefox and a ... By using this view, you can inspect your state for...
Read more >
Vue.js DevTools Tutorial - Flavio Copes
As mentioned, the Vue DevTools can be activated by opening the Developer Tools in the browser and moving to the Vue panel. Another...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found