快捷導(dǎo)航

vue項(xiàng)目內(nèi)存溢出問題及解決方案

更新時(shí)間：2023年01月20日 15:47:33 作者：@我不認(rèn)識你

這篇文章主要介紹了vue項(xiàng)目內(nèi)存溢出問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue項(xiàng)目內(nèi)存溢出的解決

最近在對原有項(xiàng)目進(jìn)行迭代升級，有用代碼越來越多，導(dǎo)致內(nèi)存溢出了。

正常啟動(dòng)運(yùn)行還是可以的，但是只要對代碼進(jìn)行簡單修改，在熱更新的時(shí)候項(xiàng)目就會(huì)直接崩掉。這就導(dǎo)致了10分支的開發(fā)差不多有7分鐘的時(shí)間在重啟項(xiàng)目，嚴(yán)重影響開發(fā)效率，讓人上火。

剛好同事之前也遇到過，特點(diǎn)問了一下解決方式。

說下解決

npm install -g increase-memory-limit
npx cross-env LIMIT=4000 increase-memory-limit

先全局安裝增加項(xiàng)目運(yùn)行內(nèi)存的依賴，然后修改內(nèi)存限制（4000是4000kb，我項(xiàng)目用到是6000）。

最后刪掉依賴，重新下載，重新啟動(dòng)項(xiàng)目即可。

vue項(xiàng)目內(nèi)存溢出問題

young object promotion failed Allocation failed - JavaScript heap out of memory

在開前端項(xiàng)目如果非常的龐大，webpack 編譯時(shí)就會(huì)占用很多的系統(tǒng)資源，如果超出了V8對 Node 默認(rèn)的內(nèi)存限制大小就會(huì)出現(xiàn)內(nèi)存溢出問題

提示：以下是本篇文章正文內(nèi)容，下面案例可供參考

問題

FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! study-model-dmo@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the study-model-dmo@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\work\tools\node\node_cache\_logs\2021-07-06T01_29_07_637Z-debug.log