web前端|js教程
javascript,angular4,出问题
web前端-js教程
刀剑英雄源码,vscode搭配编译器,ubuntu 检查磁盘,tomcat改80端口,sqlite sdk,学网页设计的学校,数据库售后服务,怎么看服务器所在地,图表插件,erajs前端框架,超大爬虫箱,php 培训机构,seo效果评估,springboot延迟订单,jq实现标签云效果,移动端网站html代码,如何将网页功能写进易语言,安卓app界面模板下载,阿里云虚拟主机后台,ppt 页面效果,景点门票销售管理系统源码,代购系统程序源码lzw
这次给大家带来angular4的JS内存溢出问题如何解决，解决angular4的JS内存溢出问题注意事项有哪些，下面就是实战案例，一起来看一下。
易语言lol秒选源码,vscode无法运行c代码,苹果装ubuntu,指令配置tomcat环境,delphi爬虫教程,php 网站部署到服务器,巴南靠谱的seo口碑,骰子网站免公众号免签到账,婚庆订单模板lzw
最近在写基于angular4的项目的时候，在build –prod的时候,突然措手不及的蹦出个报错，大致错误如下：
keep源码,vscode不显示函数文档,远程唤醒 ubuntu,tomcat项目出错日志,带爬虫出门,php 监控程序,广州创新seo优化价格多少,网站换域名后需要多长时间才能收录恢复正常,社区动力手机模板lzw
70% building modules 1345/1345 modules 0 activems: Mark-sweep 703.9 (837.9) -> 701.4 (811.9) MB, 331.3 / 0 ms [allocation failure] [GC in old space requested].ms: Mark-sweep 701.4 (811.9) -> 701.4 (790.9) MB, 350.5 / 0 ms [allocation failure] [GC in old space requested].ms: Mark-sweep 701.4 (790.9) -> 698.0 (760.9) MB, 433.7 / 0 ms [last resort gc].ms: Mark-sweep 698.0 (760.9) -> 692.7 (751.9) MB, 328.7 / 0 ms [last resort gc].==== JS stack trace =========================================Security context: 00000298510373A9 1: /* anonymous */(aka /* anonymous */) [D:\dev\cobalt_wp\node_modules\webpack\lib\FlagDependencyExportsPlugin.js:77] [pc=0000026F721B51D6] (this=0000029851004131 ,dep=00000150FC6162C9 ) 2: arguments adaptor frame: 3->1 3: InnerArrayForEach(aka InnerArrayForEach) [native array.js:~924] [pc=0000026F71EE3DCD] (this=000002985100413...FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory
注:这里的代码并不是我的真实报错代码,编译时间太长,忘记截取了,大致的错误基本一样,如果你遇到了相同的问题,恭喜了,往下看能找到答案!
当时我是蒙圈了,一直都编译的挺好,怎么突然就溢出了呢?
可能的原因有如下:
1.angular4 在编译的时候,对CPU和内存的需求比较大,当文件数量很多的时候,可能会出现内存不足的情况(有可能);
2.当代码出现大量大数据的循环或者死循环(sever阶段并没有出现溢出,这个概率应该不大);
3.angular订阅的数据在 ngOnDestroy 阶段没有被销毁,造成大量数据占用内存(有可能)
目前没有查到具体是什么原因造成的,哪位大神知道的,请不吝赐教,谢谢!
解决这个问题的过程很波折,这里就不说了,你们估计也不想知道,下面说一下解决方案吧:
核心思路是运用v8引擎的旧属性: –max_old_space_size 来修改内存上线,至于这个属性在哪里设,就是一个磨人的小妖精了!
修改目录: my-project/node_modules/.bin 找到 ng.cmd :
@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\._@angular_cli@1.0.0@@angular\cli\bin\ng" %*) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node --max_old_space_size=8192 "%~dp0\..\._@angular_cli@1.0.0@@angular\cli\bin\ng" %*)
修改目录: my-project/node_modules/.bin 找到 ngc.cmd :
@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\._@angular_compiler-cli@4.0.1@@angular\compiler-cli\src\main.js" %*) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node --max_old_space_size=8192 "%~dp0\..\._@angular_compiler-cli@4.0.1@@angular\compiler-cli\src\main.js" %*)
看到里面的–max_old_space_size设置了吗? 至于数字设多少,你们自己看着办吧,我的项目比较大,设个大点的值,以防不测,哈哈!
然后执行 ng build –prod ,你以为这样就行了吗?这才是关键的地方!
本人亲测,如上设置,再执行编译依然会报内存溢出,貌似并没什么卵用!把当前目录切换到 my-project/node_modules/.bin 然后再执行 ng build –prod , 世界一下子就和平了! 本人亲测有效,收好不谢!
