解决vue-cli项目开发运行时内存暴涨卡死电脑问题


Posted in Javascript onOctober 29, 2019

最近开发一个vue项目时遇到电脑卡死问题,突然间系统就非常卡,然后卡着卡着就死机了,鼠标也动不了了,只能冷启动。而且因为是突然卡死,没来得及打开任务管理器。

最开始以为是硬盘的问题,但是在卡死几次后,就想到把任务管理器开着玩项目,看看到底是不是哪个程序把硬盘或者CPU占满了导致的卡死。经过一番排查,发现是node.js进程的内存一直在暴涨,内存直接100%,然后系统将所有休眠进程换到虚拟内存,但是还是不够,就一直换直到崩盘,硬盘也被占满100%。

这时候我才知道是运行项目开发环境导致的。然后想到前段时间更新了项目的依赖(更新前没发生过内存爆的问题),就逐一排查,发现是

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

 这三个依赖的问题。如果强制版本号为3.10.0,如上图中那样,就不会发生问题。如果改为"^3.10.0",就会发生问题。

记录下遇到的这个问题,分享给大家,也给自己加深一下印象。

SASS预处理器推荐:

因为众所周知的node-sass在windows系统上的一系列(cao)问(dan)题,我推荐大家使用dart-sass(包名为"sass"),完爆node-sass。(也可参考sass-loader官方github的readme)

附上我的项目的整个依赖:

{
"dependencies": {
    "@dclovec/ts-tools": "^1.0.3",
    "@types/echarts": "^4.1.10",
    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "echarts": "^4.2.1",
    "element-ui": "^2.11.1",
    "vue": "^2.6.10",
    "vue-amap": "^0.5.10",
    "vue-class-component": "^7.0.2",
    "vue-property-decorator": "^8.1.0",
    "vue-router": "^3.0.3",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "3.10.0",
    "@vue/cli-plugin-typescript": "3.10.0",
    "@vue/cli-service": "3.10.0",
    "compression-webpack-plugin": "^3.0.0",
    "sass": "^1.22.9",
    "sass-loader": "^7.1.0",
    "terser-webpack-plugin": "^2.1.2",
    "typescript": "^3.4.3",
    "vue-template-compiler": "^2.6.10"
  }
}

总结

以上所述是小编给大家介绍的解决vue-cli项目开发运行时内存暴涨卡死电脑问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
jquery如何获取复选框的值
Dec 12 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
javascript事件委托的用法及其好处简析
Apr 04 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
解决Nuxt使用axios跨域问题
Jul 06 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
Ajax异步刷新功能及简单案例
Nov 20 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 #Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 #Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 #Javascript
JS操作json对象key、value的常用方法分析
Oct 29 #Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 #jQuery
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 #Javascript
js单线程的本质 Event Loop解析
Oct 29 #Javascript
You might like
PHP入门学习笔记之一
2010/10/12 PHP
PHP编写RESTful接口
2016/02/23 PHP
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
js调用图片隐藏&显示实现代码
2013/09/13 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
AngularJS中watch监听用法分析
2016/11/04 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
浅析python的优势和不足之处
2018/11/20 Python
python导入pandas具体步骤方法
2019/06/23 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
tensorflow 环境变量设置方式
2020/02/06 Python
三只松鼠官方旗舰店:全网坚果销售第1
2017/11/25 全球购物
职专应届生求职信
2013/11/16 职场文书
CNC数控操作工岗位职责
2013/11/19 职场文书
试用期员工考核制度
2014/01/22 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
小学家长评语大全
2014/04/16 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
写给医院的感谢信
2015/01/22 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
七年级数学教学反思
2016/02/17 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
MySQL的意向共享锁、意向排它锁和死锁
2022/07/15 MySQL