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

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

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

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

說(shuō)下解決

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

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

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

vue項(xiàng)目?jī)?nèi)存溢出問(wèn)題

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

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

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

問(wèn)題

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

解決方法1

在node_modules.bin下的webpack-dev-server文件中添加 --max_old_space_size=4096，可以根據(jù)項(xiàng)目調(diào)整大小

解決方法2

如果上面方法沒(méi)有用，可以嘗試升級(jí)nodejs的版本，或重新安裝nodejs

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。