vue 项目启动失败,内存不足处理
问题
由于项目体积过去庞大,vue 项目编译时出现内存不足的情况,
JS stacktrace(node 内存溢出)
内存溢出的原因
Node 程序程序之所以会出内存溢出的情况,可以分为三方面的原因:
V8
本身分配的内存较小JavaScript
语言本身限制程序员使用不当。
因为在 Node 中,通过 JavaScript 使用内存时只能使用部分内存(64 位系统:1.4 GB,32 位系统:0.7 GB)
V8
是 Google 在 Chrome 浏览器中使用的JavaScript
引擎。而在浏览器环境中,运算一般不需要多大内存。
V8
对每个进程分配的运行内存,在 32 位系统中约为 700MB,而在 64 位系统中约为 1.4GB。
https://itbilu.com/nodejs/core/Ey_SnYXnx.html
问题解决:
1. 使用process.nextTick()
防止事件堆积
每次循环V8
都会回收内存一次,因此内存不会再溢出。但这样做必然会造成运行效率的降低,而应该在速度在安全之间平衡,控制好循环的安全次数。
2. 增加V8
内存空间 推荐
Node.js 提供了一个程序运行参数--max-old-space-size
,可以通过该参数指定V8
所占用的内存空间,这样可以在一定程度上避免程序内存的溢出。
3. 使用非V8
内存
Node.js 程序所使用的内存分为两类:
V8内存
:数组、字符串等JavaScript
内置对象,运行时使用“V8 内存”系统内存
:Buffer
是一个 Node.js 的扩展对象,使用底层的系统内存,不占用V8
内存空间。与之相关的文件系统fs
和流Stream
流操作,都不会占用V8
内存。
在程序允许的情况下,应该将数据保存在Buffer
中,而不是转换成字符串等 JS 对象,这样可以避免V8
内存的过多占用。
4. 实际运用的解决方案
这里--------
windows
修改 node_modules/bin/webpack-dev-server.cmd 文件(注意:具体的要根据采用什么方式启动,有 cmd, powershell 等,去修改对应的启动文件即可)
增加 "--max_old_space_size=4096"配置,单位是 k
Mac
这里介绍 MAC 电脑上修改环境变量的方案 (命令的输入须英文模式)
选择终端,打开命令行工具
输入:echo $PATH,按回车执行命令查看当前变量值
输入:sudo vi ~/.bash_profile,按回车,输入电脑密码后,将打开 bash_profile 文件,
(没有此文件的话,系统会新建此文件,且内容为空白文档)
键盘按 i 开始编辑,输入 export NODE_OPTIONS=--max_old_space_size=6000
编辑完成,按 esc 退出编辑模式
输入 :wq 保存退出, :q! 不保存退出
输入 source ~/.bash_profile (修改系统环境变量,须 source 一下,才能生效)
我是 甜点 cc
热爱前端开发,也喜欢专研各种跟本职工作关系不大的技术,技术、产品兴趣广泛且浓厚。本号主要致力于分享个人经验总结,希望可以给一小部分人一些微小帮助。
希望能和大家一起努力营造一个良好的学习氛围,为了个人和家庭、为了我国的互联网物联网技术、数字化转型、数字经济发展做一点点贡献。数风流人物还看中国、看今朝、看你我。
版权声明: 本文为 InfoQ 作者【甜点cc】的原创文章。
原文链接:【http://xie.infoq.cn/article/bc41f6f00fc1e8aaafe486ca2】。文章转载请联系作者。
评论