vue項(xiàng)目內(nèi)存溢出問題及解決方案
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
解決方法1
在node_modules.bin下的webpack-dev-server文件中添加 --max_old_space_size=4096，可以根據(jù)項(xiàng)目調(diào)整大小
解決方法2
如果上面方法沒有用，可以嘗試升級nodejs的版本，或重新安裝nodejs
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解用webpack2.0構(gòu)建vue2.0超詳細(xì)精簡版
本篇文章主要介紹了詳解用webpack2.0構(gòu)建vue2.0超詳細(xì)精簡版，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
vue2的todolist入門小項(xiàng)目的詳細(xì)解析
本篇文章主要介紹了vue2的todolist入門小項(xiàng)目的詳細(xì)解析，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
docxtemplater?是一種郵件合并工具,以編程方式使用并處理?xiàng)l件、循環(huán),并且可以擴(kuò)展以插入任何內(nèi)容,下面我們來看看如何使用docxtemplater導(dǎo)出word吧2025-04-04
vue項(xiàng)目中圖片選擇路徑位置static或assets的區(qū)別及說明
這篇文章主要介紹了vue項(xiàng)目中圖片選擇路徑位置static或assets的區(qū)別及說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue keepAlive頁面強(qiáng)制刷新方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
vue3組合式API中setup()概念和reactive()函數(shù)的用法
這篇文章主要介紹了vue3組合式API中setup()概念和reactive()函數(shù)的用法,接下來的事件，我將帶著你從淺到深分析為什么我們需要學(xué)習(xí)組合式API以及我們的setup()函數(shù)作為入口函數(shù)的一個(gè)基本的使用方式，需要的朋友可以參考下2023-03-03
今天小編就為大家分享一篇解決Vue打包上線之后部分CSS不生效的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue中實(shí)現(xiàn)路由跳轉(zhuǎn)傳參的4種方式
本文詳盡的講了在Vue項(xiàng)目中,如何實(shí)現(xiàn)路由跳轉(zhuǎn)傳參的4四種方式（2大路由跳轉(zhuǎn)方式,每種方式包括4種路由傳參實(shí)現(xiàn)形式）,以及每種方式中實(shí)現(xiàn)路由跳轉(zhuǎn)包括路由傳參的方法的各種寫法,需要的朋友可以參考下2024-04-04
vue完成項(xiàng)目后,打包成靜態(tài)文件的方法
今天小編就為大家分享一篇vue完成項(xiàng)目后,打包成靜態(tài)文件的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
編譯優(yōu)化指的是編譯器將模板編譯為渲染函數(shù)的過程中，盡可能多的提取關(guān)鍵信息，并以此指導(dǎo)生成最優(yōu)代碼的過程，優(yōu)化的方向主要是區(qū)分動(dòng)態(tài)內(nèi)容和靜態(tài)內(nèi)容，并針對不同的內(nèi)容采用不同的優(yōu)化策略2023-01-01