vue項(xiàng)目運(yùn)行或打包時(shí),頻繁內(nèi)存溢出情況問題
vue項(xiàng)目運(yùn)行或打包,頻繁內(nèi)存溢出
Vue項(xiàng)目運(yùn)行或打包時(shí)，頻繁內(nèi)存溢出情況
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
前端使用基于vue的Nuxt框架，但是隨著項(xiàng)目功能增多，項(xiàng)目變大，頻繁出現(xiàn)此種情況，原因是項(xiàng)目太大，導(dǎo)致內(nèi)存溢出，排除代碼問題外，可參照以下方式解決
解決方案
1.全局安裝increase-memory-limit
npm install -g increase-memory-limit
2.進(jìn)入工程目錄，執(zhí)行：
increase-memory-limit
項(xiàng)目?jī)?nèi)存溢出導(dǎo)致項(xiàng)目啟動(dòng)失敗解決
現(xiàn)象
隨著項(xiàng)目的拓展會(huì)出現(xiàn)vue項(xiàng)目啟動(dòng)內(nèi)存不足導(dǎo)致啟動(dòng)失敗，或者啟動(dòng)成功，開發(fā)過程中失敗的情況
Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
//無效的標(biāo)記壓縮接近堆限制分配失敗-JavaScript堆內(nèi)存不足
方案
increase-memory-limit
是用來設(shè)置node進(jìn)程可占用的內(nèi)存，通過設(shè)置一個(gè)大內(nèi)存占用來解決該問題
首先全局下載該npm包
npm install -g increase-memory-limit
在項(xiàng)目目錄執(zhí)行
increase-memory-limit
如果報(bào)錯(cuò)就全局搜索 “%_prog%” 替換為 %_prog%
（去掉了引號(hào)）
（搜不到可能是搜索設(shè)置了忽略文件，取消搜索的忽略文件再試）
（含有這些字段的文件在node_modules目錄中）
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue仿今日頭條實(shí)例詳解，并把相關(guān)代碼做了說明，對(duì)此有興趣的朋友參考下吧。2018-02-02
如何用webpack4帶你實(shí)現(xiàn)一個(gè)vue的打包的項(xiàng)目
這篇文章主要介紹了如何用webpack4帶你實(shí)現(xiàn)一個(gè)vue的打包的項(xiàng)目，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
前端在el-dialog中嵌套多個(gè)el-dialog代碼實(shí)現(xiàn)
最近使用vue+elementUI做項(xiàng)目,使用過程中很多地方會(huì)用到dialog這個(gè)組件,有好幾個(gè)地方用到了dialog的嵌套,下面這篇文章主要給大家介紹了關(guān)于前端在el-dialog中嵌套多個(gè)el-dialog代碼實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了vue3使用tinymce的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04
在uni-app中使用element-ui的方法與報(bào)錯(cuò)解決
我們?cè)陂_web開發(fā)的時(shí)候，經(jīng)常會(huì)使用到element或者uview-ui,下面這篇文章主要給大家介紹了關(guān)于在uni-app中使用element-ui的方法與報(bào)錯(cuò)解決的相關(guān)資料,需要的朋友可以參考下2022-04-04
在vue中獲取token,并將token寫進(jìn)header的方法
今天小編就為大家分享一篇在vue中獲取token,并將token寫進(jìn)header的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue?通過this.$emit()方法子組件向父組件傳值(步驟分享)
這篇文章主要介紹了Vue?this.$emit()方法通過子組件向父組件傳值,第一步在父組件中引入子組件，第二步子組件向父組件傳值，本文通過需要的朋友可以參考下2022-11-11
vue項(xiàng)目的創(chuàng)建的步驟(圖文教程)
本文主要介紹了vue項(xiàng)目的創(chuàng)建的步驟(圖文教程)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了vue?導(dǎo)入js中的方法,本文通過兩種方法結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
Element?plus中el-input框回車觸發(fā)頁面刷新問題以及解決辦法
在el-form表單組件中el-input組件輸入內(nèi)容后按下Enter鍵刷新了整個(gè)頁面,下面這篇文章主要給大家介紹了關(guān)于Element?plus中el-input框回車觸發(fā)頁面刷新問題以及解決辦法,需要的朋友可以參考下2024-03-03