vue项目启动失败,内存不足处理

1,331 阅读3分钟

问题

由于项目体积过去庞大,vue项目编译时出现内存不足的情况,

JS stacktrace(node内存溢出)

内存溢出的原因

Node程序程序之所以会出内存溢出的情况,可以分为三方面的原因:

  1. V8本身分配的内存较小
  2. JavaScript语言本身限制
  3. 程序员使用不当。

因为在Node中,通过JavaScript使用内存时只能使用部分内存(64位系统:1.4 GB,32位系统:0.7 GB)

V8是Google在Chrome浏览器中使用的JavaScript引擎。而在浏览器环境中,运算一般不需要多大内存。

V8对每个进程分配的运行内存,在32位系统中约为700MB,而在64位系统中约为1.4GB。

itbilu.com/nodejs/core…

问题解决:

1. 使用process.nextTick()防止事件堆积

forLoops(0);

function forLoops(i) {

  if(i<10000000)

  {

    var site = {};

    site.name = 'IT笔录';

    site.domain = 'itbilu.com';


    // 这里是一个保存或更新等操作

    setTimeout(()=>{

   console.log(i, site);

    }, 0)

    process.nextTick(forLoops, i+=1);

  }

}

每次循环V8都会回收内存一次,因此内存不会再溢出。但这样做必然会造成运行效率的降低,而应该在速度在安全之间平衡,控制好循环的安全次数。

2. 增加V8内存空间 推荐

Node.js提供了一个程序运行参数--max-old-space-size,可以通过该参数指定V8所占用的内存空间,这样可以在一定程度上避免程序内存的溢出。

3. 使用非V8内存

Node.js程序所使用的内存分为两类:

  • V8内存:数组、字符串等JavaScript内置对象,运行时使用“V8内存”
  • 系统内存Buffer是一个Node.js的扩展对象,使用底层的系统内存,不占用V8内存空间。与之相关的文件系统fsStream流操作,都不会占用V8内存。

在程序允许的情况下,应该将数据保存在Buffer中,而不是转换成字符串等JS对象,这样可以避免V8内存的过多占用。

实际运用的解决方案

这里--------

windows

修改node_modules/bin/webpack-dev-server.cmd文件(注意:具体的要根据采用什么方式启动,有cmd, powershell等,去修改对应的启动文件即可)

增加 "--max_old_space_size=4096"配置,单位是k

Mac

这里介绍MAC电脑上修改环境变量的方案   (命令的输入须英文模式)

  1. 选择终端,打开命令行工具

  2. 输入:echo $PATH,按回车执行命令查看当前变量值

  3. 输入:sudo vi ~/.bash_profile,按回车,输入电脑密码后,将打开bash_profile文件,

    (没有此文件的话,系统会新建此文件,且内容为空白文档)

  1. 键盘按 i 开始编辑,输入 export NODE_OPTIONS=--max_old_space_size=6000

  2. 编辑完成,按 esc 退出编辑模式

  3. 输入  :wq  保存退出,  :q!  不保存退出

  4. 输入 source ~/.bash_profile  (修改系统环境变量,须source一下,才能生效)


🎈🎈🎈

旧文新发

🌹 有帮助请点赞关注收藏,让我们一起学习,共同成长

🎉 更多优质经验持续分享,谢谢😊

我正在参与掘金技术社区创作者签约计划招募活动,点击链接报名投稿