webpack 運行 npm run build 內存溢出 JavaScript heap out of memory

vue-cli3.0構建的項目，開發過程中，可能會遇到內存溢出的情況，改動一點代碼，代碼編譯，進程就會斷掉，報JavaScript heap out of memory 內存溢出的錯誤

內存溢出主要原因分析nodejs在執行JavaScript時，內存受到v8限制,64位約為1.4g,32位0.7g

限制內存原因：垃圾回收時，js線程會暫停執行(避免JS應用邏輯與垃圾回收器看到的不一樣)，大量的堆內存回收嚴重影響性能

解決思路通過webpack進行打包優化，降低單個文件大小，比如使用dll，這個思路不是本節講授重點

擴大node內存

思路2具體解決方案

通過解決increase-memory-limit的包升級版來解決

1. 安裝兩個npm包： increase-memory-limit-fixbug 和 cross-envnpm install increase-memory-limit-fixbug cross-env -g

2. package.json中 添加如下腳本"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"

3. 執行fix-memory-limit腳本npm run fix-memory-limit

4. 重新運行項目即可npm run build

補充

如果使用increase-memory-limit而不使用increase-memory-limit-fixbug,執行完npm run fix-memory-limit,需要手動清除掉標注的地方，但是標注的地方是依賴的包文件，生產環境不好操作，所以increase-memory-limit-fixbug是對其優化，在解決內存溢出問題基礎上專門解決此問題的

參考：

解決 vue 項目運行過程中內存泄漏問題如果你覺得此文對你有一定的幫助，可以點擊下方的【贊】收藏備用

關于找一找教程網

本站文章僅代表作者觀點，不代表本站立場，所有文章非營利性免費分享。

本站提供了軟件編程、網站開發技術、服務器運維、人工智能等等IT技術文章，希望廣大程序員努力學習，讓我們用科技改變世界。

[解決內存溢出問題]http://www.zyiz.net/tech/detail-151212.html

總結

以上是生活随笔為你收集整理的html5 image 内存溢出,解决内存溢出问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。