electron-vue开发环境内存泄漏问题汇总
package.json
"dependencies":{
"vue":"^2.5.16"
},
"devDependencies":{
"ajv":"^6.5.0",
"babel-core":"^6.26.3",
"babel-loader":"^7.1.4",
"babel-plugin-transform-runtime":"^6.23.0",
"babel-preset-env":"^1.7.0",
"babel-preset-stage-0":"^6.24.1",
"babel-register":"^6.26.0",
"babili-webpack-plugin":"^0.1.2",
"cfonts":"^2.1.2",
"chalk":"^2.4.1",
"copy-webpack-plugin":"^4.5.1",
"cross-env":"^5.1.6",
"css-loader":"^0.28.11",
"del":"^3.0.0",
"devtron":"^1.4.0",
"electron":"3.0.0",
"electron-builder":"^20.19.2",
"electron-debug":"^1.5.0",
"electron-devtools-installer":"^2.2.4",
"file-loader":"^1.1.11",
"html-webpack-plugin":"^3.2.0",
"mini-css-extract-plugin":"0.4.0",
"multispinner":"^0.2.1",
"node-loader":"^0.6.0",
"style-loader":"^0.21.0",
"url-loader":"^1.0.1",
"vue-html-loader":"^1.2.4",
"vue-loader":"^15.2.4",
"vue-style-loader":"^4.1.0",
"vue-template-compiler":"^2.5.16",
"webpack":"^4.15.1",
"webpack-cli":"^3.0.8",
"webpack-dev-server":"^3.1.4",
"webpack-hot-middleware":"^2.22.2",
"webpack-merge":"^4.1.3"
}
electron测试版本3.0.0，4.0.0，4.2.6
问题描述
在开发环境中，修改主进程保存后，每次保存会多出一到两个electron进程，根据群友反馈2.0.8也是存在这个问题的，只是出现的频率较低
排查过程以及解决思路
1、首先先看了webpack.main.config.js，然而并没有发现有什么异样的地方，配置了只启动一个应用程序，每次退出前也使用app.exit()强制退出，然而并没有任何好转，遂新建一个项目，用来测试
2、在创建完毕后（electronv4.0.0），发现每次保存并不是都会出现一个新的进程，经过多次测试后，发现问题出在保存完后，主进程未生成成功，然后再次保存，于是进程创建了多次，但是只杀死了最开始的进程，造成内存泄漏。
3、在dev-runner.js中找到了关于杀死进程的方法
if(electronProcess&&electronProcess.kill){
manualRestart=true
process.kill(electronProcess.pid)
electronProcess=null
startElectron()
setTimeout(()=>{
manualRestart=false
},5000)
}
4、好吧他是直接通过调用process.kill来杀死进程，然后造成这个问题，遂进行了修改，修改后代码如下，注意引入exec，然后将延时器删除，感觉整个程序的运行速度都快了不少，哈哈哈
if(electronProcess&&electronProcess.kill){
manualRestart=true
constpid=electronProcess.pid
exec(`TASKKILL/F/IMelectron.exe`,function(err,data){
if(err)console.log(err)
elseconsole.log('killpid:'+pid+'success!')
electronProcess=null
startElectron()
manualRestart=false
})
}
总结
在解决了问题后，去看版本更新记录，在2.0.8-3.0.0的版本更新记录中并没有发现那条更新记录会导致这个问题，时间有限，也没有去看到底在哪个版本后造成这个问题，技艺拙劣，始终没有找到出现的原因
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。