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.

Unable to install vue-devtools

See original GitHub issue

I followed the steps in the installation guide. When I run npm run dev, I get the following errors. npm run build seems to work OK.

Error
┏ Electron -------------------

  Reading C:\Users\rache\clic-ev\dist\electron\manifest.json failed.

┗ ----------------------------

┏ Electron -------------------

  Error: ENOENT: no such file or directory, open 'C:\Users\rache\clic-ev\dist\electron\manifest.json'
      at Object.fs.openSync (fs.js:584:18)
      at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:173:20)
      at Object.fs.readFileSync (fs.js:491:33)
      at Object.fs.readFileSync (ELECTRON_ASAR.js:506:29)
      at getManifestFromPath (C:\Users\rache\clic-ev\node_modules\electron\dist\resources\electron.asar\browser\chrome-extension.js:34:26)
      at Function.BrowserWindow.addDevToolsExtension (C:\Users\rache\clic-ev\node_modules\electron\dist\resources\electron.asar\browser\chrome-extension.js:373:22)
      at App.app.on (C:\Users\rache\clic-ev\dist\electron\main.js:2920:19)
      at emitTwo (events.js:111:20)
      at App.emit (events.js:194:7)

┗ ----------------------------

┏ Electron -------------------

  Unable to install `vue-devtools`:
   { Error: spawn C:\Users\rache\clic-ev\dist\electron\7zip-lite\7z.exe ENOENT
      at exports._errnoException (util.js:1050:11)
      at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
      at onErrorNT (internal/child_process.js:367:16)
      at _combinedTickCallback (internal/process/next_tick.js:80:11)
      at process._tickCallback (internal/process/next_tick.js:104:9)
    code: 'ENOENT',
    errno: 'ENOENT',
    syscall: 'spawn C:\\Users\\rache\\clic-ev\\dist\\electron\\7zip-lite\\7z.exe',
    path: 'C:\\Users\\rache\\clic-ev\\dist\\electron\\7zip-lite\\7z.exe',
    spawnargs:
     [ 'x',
       'C:\\Users\\rache\\AppData\\Roaming\\Electron\\extensions\\nhdogjmejiglipccpnnnanhbledajbpd.crx',
       '-y',
       '-oC:\\Users\\rache\\AppData\\Roaming\\Electron\\extensions\\nhdogjmejiglipccpnnnanhbledajbpd' ] }

┗ ----------------------------
Development environment
  • Node version: 7.0.0
  • NPM version: 5.0.2
  • vue-cli version: 2.8.2
  • Operating System: Windows 10

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:25 (5 by maintainers)

github_iconTop GitHub Comments

8reactions
hjsgcommented, Jul 31, 2019

I get the same error; this is my solution: npm install vue-devtools --save-dev on main/index.js: BrowserWindow.addDevToolsExtension(‘node_modules/vue-devtools/vender’)

7reactions
jesuskintocommented, Jun 19, 2019

For me the solution was to install Unzip

sudo apt-get install unzip

Read more comments on GitHub >

github_iconTop Results From Across the Web

Installation | Vue Devtools
Installation # · Go to the extensions: · Click on the Details button on the Vue.js Devtools extension. · Open Menu and click...
Read more >
Vue Devtools Not Loading With Vue Electron Builder
In order to workaround this issue, you must install the Vue DevTools Beta instead. Replace this: await installExtension(VUEJS_DEVTOOLS);. With ...
Read more >
@vue/devtools - npm
Start using @vue/devtools in your project by running `npm i @vue/devtools`. There are 7 other projects in the npm registry using @vue/devtools.
Read more >
electron中Unable to install `vue-devtools`的解决方法 - 博客园
由于网络的问题,electron运行的时候加载vue-devtools失败。 Unable to install `vue-devtools` 。从日志里看retry了四次都timeout了。
Read more >
Installing Vue DevTools - YouTube
How to install Vue DevTools in Google Chrome. ... Your browser can't play this video. Learn more. Switch camera. Share. Include playlist.
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