electron中,运行项目时:Unable to install `vue-devtools`

1,846 阅读1分钟

hello大家好,今天是2022年3月6号

image.png

今天在运行自己的electron项目时遇到了这个问题,翻译的过来就是:
无法安装vue-devtools:
错误:net:: ERR_CONNECTION_CLOSED

  • 原因:由于网络的问题,electron运行的时候加载vue-devtools失败。 Unable to install vue-devtools 。从日志里看retry了四次都timeout了。
  • 解决方法

先  npm install vue-devtools --save-dev
或者 yarn add vue-devtools --dev

然后 把ready事件里面注释掉6行,再加上一行手动加载的。

最终src/main/index.dev.js里面修改后的内容如下(所有内容):

// + 代表新增
// - 代表减少
// Install `electron-debug` with `devtron`
require('electron-debug')({ showDevTools: true })

import {  BrowserWindow } from 'electron'; // +

// Install `vue-devtools`
require('electron').app.on('ready', () => {
  // let installExtension = require('electron-devtools-installer') // -
  // installExtension.default(installExtension.VUEJS_DEVTOOLS)    // -
  //   .then(() => { })  // -
  //   .catch(err => {   // -
  //     console.log('Unable to install `vue-devtools`: \n', err)  // -
  //   })  // -

  //参考 https://www.cnblogs.com/wozho/p/10782654.html 和 https://github.com/SimulatedGREG/electron-vue/issues/242
  BrowserWindow.addDevToolsExtension('node_modules/vue-devtools/vender')  //手动加载vue-devtools
})

// Require `main` process to boot app
require('./index')