解決vue內(nèi)存溢出報錯的問題
vue內(nèi)存溢出報錯
'"node --max-old-space-size=10240"' 不是內(nèi)部或外部命令,也不是可運行的程序
或批處理文件。
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í)行下面兩個代碼
npm install -g increase-memory-limit
increase-memory-limit
沒有完全解決的繼續(xù)看,以解決的不用看。
在vscode中,點擊文件,點擊首選項,點擊設(shè)置
在search中搜索Exclude,找到Search Exclude,把**/node_modules刪掉
然后點擊編輯,點擊替換把"%_prog%" 替換成 %_prog% (即去掉雙引號)
重新run
解決問題
vue項目打包內(nèi)存溢出問題踩坑
我的環(huán)境: win10環(huán)境 node.js版本 12+ 內(nèi)存16G
今天系統(tǒng)升級時通過運行npm run build:prod命令(或npm run build)
打包時一直報錯
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
因為我是從后臺剛轉(zhuǎn)到前端,雖然知道是內(nèi)存溢出要把內(nèi)存配置改大點
從網(wǎng)上搜的答案還是踩坑了
刪除 C:\Users{賬戶}\下的.npmrc文件我刪了,沒看出有啥變化,依然報錯(重啟了,清緩存了)全局安裝 increase-memory-limit插件
這個安裝上以后運行打包命令直接報錯了,報錯信息為
'“node --max-old-space-size=4096”'不是內(nèi)部或外部命令,也不是可運行的程序
這里不是內(nèi)存設(shè)置太大,而是因為win10系統(tǒng)命令行中不能正確識別雙引號"",因此還要把這個插件包中涉及到的腳本中雙引號都去掉,即修改node_modules下的.bin文件中的所有.cmd文件,將里面的"%_prog%" 去掉雙引號 改成 %_prog%
項目中依賴的模塊那么多,就算可以批量替換,但代碼改動越多,風(fēng)險越大,想想太麻煩了,所以再想想辦法吧!
修改package.json文件中build命令處
"build": "node --max_old_space_size=4096 build/build.js"
我的項目使用vue-cli搭建的,不是引用上述build/build.js這種寫法,而是下面寫法:
"build:prod": "vue-cli-service build"
最終針對我的有效方案
上面那行代碼改為:
"build:prod": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build"
改完之后運行 npm run build打包沒問題了,但是npm run serve 報了’“node --max-old-space-size=4096”'不是內(nèi)部或外部命令,也不是可運行的程序,要不就用vscode將項目下所有.cmd文件里面的"%_prog%"雙引號去掉,要不就將package.json里面的serve命令也改成build命令里面的格式
"serve": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open",
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
解決打包后出現(xiàn)錯誤y.a.addRoute is not a function的
這篇文章主要介紹了解決打包后出現(xiàn)y.a.addRoute is not a function的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10vue3+elementPlus二次封裝表單的實現(xiàn)代碼
最近使用Vue3+ElementPlus開發(fā)項目,從整體上構(gòu)思組件的封裝。能寫成組件的內(nèi)容都進行封裝,方便多個地方使用,這篇文章給大家介紹了vue3+elementPlus二次封裝表單的實現(xiàn),并通過代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03vue+vuex+axios+echarts畫一個動態(tài)更新的中國地圖的方法
本篇文章主要介紹了vue+vuex+axios+echarts畫一個動態(tài)更新的中國地圖的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12