Vue-cli3執(zhí)行serve和build命令時(shí)nodejs內(nèi)存溢出問(wèn)題及解決
Vue-cli3執(zhí)行serve和build命令時(shí)nodejs內(nèi)存溢出
前端項(xiàng)目越來(lái)越大，最近在執(zhí)行serve和build命令時(shí)出現(xiàn)了
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
錯(cuò)誤。
這是因?yàn)樵趙ebapck打包過(guò)程中占用的內(nèi)存堆棧超出了node.js中采用的V8引擎對(duì)內(nèi)存的限制導(dǎo)致的。
V8引擎對(duì)內(nèi)存的使用的默認(rèn)大小限制是1.4G，可以通過(guò)node.js命令設(shè)置限制來(lái)解決這個(gè)問(wèn)題。
具體如下。
"serve": "npx --max_old_space_size=6144 vue-cli-service serve", "build": "npx --max_old_space_size=6144 vue-cli-service build --modern"
注意：數(shù)字的大小不是固定的，可以按照電腦內(nèi)存的大小以及項(xiàng)目編譯時(shí)需要的大小來(lái)設(shè)置
Vue-cli3內(nèi)存溢出問(wèn)題
Vue-cli3
在運(yùn)行run serve 和 run build的時(shí)候經(jīng)常會(huì)出現(xiàn)內(nèi)存溢出的情況
嘗試過(guò)很多方法
1、在package.json中修改
"serve": "node --max_old_space_size=8000 vue-cli-service serve"
并沒(méi)起到作用。
2、安裝 cross-env 和 increase-memory-limit
increase-memory-limit 插件會(huì)修改node_mudules/.bin/目錄下所有文件 并加上這樣一條命令
在package.json中添加一條命令
"fix-memory-limit": "cross-env LIMIT=8096 increase-memory-limit"
然后 npm run fix-memory-limit，此時(shí)我出現(xiàn)報(bào)錯(cuò) node不是有效命令，更換解決方法
3、使用 NODE_OPTIONS 設(shè)置node變量
cmd 運(yùn)行 set NODE_OPTIONS=--max_old_space_size=4096 命令
目前還沒(méi)出現(xiàn)問(wèn)題 等出現(xiàn)再更新此方法是否能解決問(wèn)題
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
讓axios發(fā)送表單請(qǐng)求形式的鍵值對(duì)post數(shù)據(jù)的實(shí)例
今天小編就為大家分享一篇讓axios發(fā)送表單請(qǐng)求形式的鍵值對(duì)post數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vue3+vite實(shí)現(xiàn)在線預(yù)覽pdf功能
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)vue3和vite實(shí)現(xiàn)在線預(yù)覽pdf功能,文中的示例代碼簡(jiǎn)潔易懂,具有一定的借鑒價(jià)值,感興趣的小伙伴可以學(xué)習(xí)一下2023-10-10
Vue項(xiàng)目build后,圖片加載不出來(lái)的解決
這篇文章主要介紹了Vue項(xiàng)目build后,圖片加載不出來(lái)的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
vue3?ts編寫echart是tooltip無(wú)法展示的解決
這篇文章主要介紹了vue3?ts編寫echart是tooltip無(wú)法展示的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue實(shí)現(xiàn)按需加載組件和異步組件，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05
VUE使用 wx-open-launch-app 組件開發(fā)微信打開APP功能
這篇文章主要介紹了VUE使用 wx-open-launch-app 組件開發(fā)微信打開APP功能,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08
這篇文章主要為大家介紹了Vue3源碼分析組件掛載初始化props與slots實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了vue實(shí)現(xiàn)lodop打印功能的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-11-11
通過(guò)命令行創(chuàng)建vue項(xiàng)目的方法
這篇文章主要介紹了通過(guò)命令創(chuàng)建vue項(xiàng)目的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了Vue 修改網(wǎng)站圖標(biāo)的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12