Webpack打包報"JavaScript heap out of memory"錯誤


問題

開發項目有一段時間了,隨着項目越來越大,打包的時間也相應的變長了,打包時的內存也增多了。這時候產生了一個問題,在發布項目的時候,會出現JavaScript heap out of memory錯誤的提示。
如下圖:

以上錯誤一直導致,無法發布項目。
詳細錯誤內容:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

原因

Node中通過JavaScript使用內存時只能使用部分內存(64位系統:1.4 GB,32位系統:0.7 GB),這個時候,如果前端項目非常的龐大,Webpack編譯時就會占用很多的系統資源,如果超出了V8引擎對Node默認的內存限制大小時,就會產生內存泄露(JavaScript heap out of memory)的錯誤。

解決方案

既然V8引擎有對Node進行默認的內存限制大小,那么在Node內存不足的時候,可以放寬內存大小的使用限制,可以在Node啟動的時候,傳遞--max-old-space-size --max-new-space-size來調整內存大小的使用限制。
但是這種方式需要所有地方都要進行設置,因此需要安裝一個插件increase-memory-limit

使用方式如下:

  • 安裝
    npm install -g increase-memory-limit
  • 運行
    increase-memory-limit
  • npm 異步運行
"scripts": {
    "fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit"
  },
  "devDependencies": {
    "increase-memory-limit": "^1.0.3",
    "cross-env": "^5.0.5"
  }

執行一次npm run fix-memory-limit

插件:increase-memory-limit


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM