這次帶給大家angular4的JS記憶體溢出問題如何解決，解決angular4的JS記憶體溢出問題注意事項有哪些，下面就是實戰案例，一起來看一下。
最近在寫基於angular4的專案的時候，在build --prod的時候,突然措手不及的蹦出個報錯，大致錯誤如下：
70% building modules 1345/1345 modules 0 active <--- Last few GCs ---> ms: 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 stacktrace ---> ==== JS stack trace ========================================= Security context: 00000298510373A9 <JS Object> 1: /* anonymous */(aka /* anonymous */) [D:\dev\cobalt_wp\node_modules\webpack\lib\FlagDependencyExportsPlugin.js:77] [pc=0000026F721B51D6] (this=0000029851004131 <undefined>,dep=00000150FC6162C9 <a NormalModule with map 0000025741730C01>) 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 , 世界一下子就和平了! 本人親測有效,收好不謝!
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是angular4的JS記憶體溢位問題如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！
