前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误:
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足)
原因:
因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统:1.4 GB,32位系统:0.7 GB),这个时候,如果前端项目非常的庞大,Webpack编译时就会占用很多的系统资源,如果超出了V8引擎对Node默认的内存限制大小时,就会产生内存溢出的错误。
解决方案:
1,安装依赖
npm install cross-env increase-memory-limit
2,在package.json 里的 script 里进行配置
LIMIT是你想分配的内存大小,这里的8192单位是M也就是8G,大小可根据情况而定。
"scripts": {
"limit": "cross-env LIMIT=8192 increase-memory-limit"
},
3,执行一次 npm run limit ,然后重新启动项目即可。
但是这时候,重新启动会报错,如图:
'"node --max-old-space-size=8192"' 不是内部或外部命令,也不是可运行的程序或批处理文件。
解决方法:
在项目的 node_modules/.bin 文件下找到所以的 *.cmd 文件,"%_prog%" 去掉 双引号 %_prog%
可在 node_modules 同级下,写一个fix-memory-limit.config.js文件进行批次处理。
然后修改 package.json里的 script里的语句
先处理内存溢出问题,然后再执行js,进行替换
&& 运算符,(相继执行,只有前一个执行成功才会执行下一个)
"scripts": {
"limit": "cross-env LIMIT=8192 increase-memory-limit && node fix-memory-limit.config.js"
},
4,如上修改完之后,重启项目即可。