hello大家好,今天是2022年3月6号
今天在运行自己的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')