解決vue內(nèi)存溢出報(bào)錯(cuò)的問(wèn)題
vue內(nèi)存溢出報(bào)錯(cuò)
'"node --max-old-space-size=10240"' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 9009
npm ERR! mscodevue@3.0.2 dev: `vue-cli-service serve`
npm ERR! Exit status 9009
npm ERR!
npm ERR! Failed at the mscodevue@3.0.2 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:\MySoftware\nodejs\node_cache\_logs\2022-03-12T12_18_02_919Z-debug.logD:\layoutMachine\client\mscodevue>
在cmd中執(zhí)行下面兩個(gè)代碼
npm install -g increase-memory-limit
increase-memory-limit
沒(méi)有完全解決的繼續(xù)看，以解決的不用看。
在vscode中，點(diǎn)擊文件，點(diǎn)擊首選項(xiàng)，點(diǎn)擊設(shè)置
在search中搜索Exclude，找到Search Exclude，把**/node_modules刪掉
然后點(diǎn)擊編輯，點(diǎn)擊替換把"%_prog%" 替換成 %_prog% (即去掉雙引號(hào))
重新run
解決問(wèn)題
vue項(xiàng)目打包內(nèi)存溢出問(wèn)題踩坑
我的環(huán)境： win10環(huán)境 node.js版本 12+ 內(nèi)存16G
今天系統(tǒng)升級(jí)時(shí)通過(guò)運(yùn)行npm run build:prod命令（或npm run build）
打包時(shí)一直報(bào)錯(cuò)
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
因?yàn)槲沂菑暮笈_(tái)剛轉(zhuǎn)到前端，雖然知道是內(nèi)存溢出要把內(nèi)存配置改大點(diǎn)
從網(wǎng)上搜的答案還是踩坑了
刪除 C:\Users{賬戶}\下的.npmrc文件我刪了，沒(méi)看出有啥變化，依然報(bào)錯(cuò)（重啟了，清緩存了）全局安裝 increase-memory-limit插件
這個(gè)安裝上以后運(yùn)行打包命令直接報(bào)錯(cuò)了，報(bào)錯(cuò)信息為
'“node --max-old-space-size=4096”'不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
這里不是內(nèi)存設(shè)置太大，而是因?yàn)閣in10系統(tǒng)命令行中不能正確識(shí)別雙引號(hào)"",因此還要把這個(gè)插件包中涉及到的腳本中雙引號(hào)都去掉，即修改node_modules下的.bin文件中的所有.cmd文件，將里面的"%_prog%" 去掉雙引號(hào) 改成 %_prog%
項(xiàng)目中依賴的模塊那么多，就算可以批量替換，但代碼改動(dòng)越多，風(fēng)險(xiǎn)越大，想想太麻煩了，所以再想想辦法吧！
修改package.json文件中build命令處
"build": "node --max_old_space_size=4096 build/build.js"
我的項(xiàng)目使用vue-cli搭建的，不是引用上述build/build.js這種寫法，而是下面寫法：
"build:prod": "vue-cli-service build"
最終針對(duì)我的有效方案
上面那行代碼改為：
"build:prod": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build"
改完之后運(yùn)行 npm run build打包沒(méi)問(wèn)題了，但是npm run serve 報(bào)了’“node --max-old-space-size=4096”'不是內(nèi)部或外部命令，也不是可運(yùn)行的程序，要不就用vscode將項(xiàng)目下所有.cmd文件里面的"%_prog%"雙引號(hào)去掉，要不就將package.json里面的serve命令也改成build命令里面的格式
"serve": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open",
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue實(shí)現(xiàn)自定義組件的方式引入圖標(biāo)
在vue項(xiàng)目中我們經(jīng)常遇到圖標(biāo),下面這篇文章主要給大家介紹了關(guān)于如何基于Vue實(shí)現(xiàn)自定義組件的方式引入圖標(biāo)的相關(guān)資料,文章通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
這篇文章主要介紹了詳解vuex的簡(jiǎn)單todolist例子,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
src/main.js是入口文件,主要作用是初始化vue實(shí)例并使用需要的插件, Vue.use()的作用就是讓它里面被注冊(cè)的組件能夠被全局使用,本文通過(guò)實(shí)例代碼介紹vue項(xiàng)目中main.js的用法,感興趣的朋友一起看看吧2023-10-10
在vue組件通信中其中最常見(jiàn)通信方式就是父子組件之中的通信，而父子組件的設(shè)定方式在不同情況下又各有不同。這篇文章主要介紹了Vue---父子組件之間的通信,需要的朋友可以參考下2018-09-09
vue使用el-table動(dòng)態(tài)合并列及行
這篇文章主要為大家詳細(xì)介紹了vue使用el-table動(dòng)態(tài)合并列及行，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue實(shí)現(xiàn)三級(jí)導(dǎo)航展示和隱藏
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)三級(jí)導(dǎo)航展示和隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Antd form表單的使用、設(shè)值、取值、清空值方式
這篇文章主要介紹了Antd form表單的使用、設(shè)值、取值、清空值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue導(dǎo)入Echarts實(shí)現(xiàn)散點(diǎn)圖
這篇文章主要為大家詳細(xì)介紹了Vue導(dǎo)入Echarts實(shí)現(xiàn)散點(diǎn)圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-12-12
本篇文章主要介紹了淺談Vue 初始化性能優(yōu)化，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)物流時(shí)間軸效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08