Vue編譯報(bào)錯(cuò)內(nèi)存溢出問題解決方式
npm run build報(bào)錯(cuò)
Vue項(xiàng)目，打包npm run build報(bào)錯(cuò)，內(nèi)存溢出
有兩種報(bào)錯(cuò)的表現(xiàn)
1、FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
2、Error [ERR_WORKER_OUT_OF_MEMORY]: Worker terminated due to reaching memory limit: JS heap out of memory
1、2兩種均是JavaScript 堆內(nèi)存耗盡，導(dǎo)致 Node.js 進(jìn)程崩潰導(dǎo)致。
本質(zhì)上這是一個(gè)node的問題。
解決方法
1、嘗試增加堆內(nèi)存限制，有全局級(jí)和項(xiàng)目級(jí)兩種方式。
a、在全局增加堆內(nèi)存限制
環(huán)境變量->系統(tǒng)變量中加上
變量名:NODE_OPTIONS
變量值:--max-old-space-size=8192
(不一定是8192這個(gè)值，可以自己修改)
b、項(xiàng)目級(jí)增加堆內(nèi)存限制(推薦)
"build": "NODE_OPTIONS=--max-old-space-size=8192 vue-cli-service build --mode test"。 (不一定是8192這個(gè)值，可以自己修改)
如果是windows系統(tǒng)可以借助cross-env這個(gè)npm包
首先npm i cross-env -D
再修改package.json 中的scripts
"build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vue-cli-service build --mode test"
2、使用壓縮工具，如uglifyjs。目的是減小打包后代碼體積。
以上就是Vue編譯報(bào)錯(cuò)內(nèi)存溢出問題解決方式的詳細(xì)內(nèi)容，更多關(guān)于Vue編譯報(bào)錯(cuò)內(nèi)存溢出的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Vue無法訪問.env.development定義的變量值問題及解決
這篇文章主要介紹了Vue無法訪問.env.development定義的變量值問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue3如何利用xlsx、xlsx-js-style導(dǎo)出Excel表格使用(適合新手)
在Vue項(xiàng)目中導(dǎo)出Excel表格是常見的功能,特別是在后臺(tái)管理系統(tǒng)中,為了方便用戶將大量數(shù)據(jù)保存為本地文件,這篇文章主要給大家介紹了關(guān)于Vue3如何利用xlsx、xlsx-js-style導(dǎo)出Excel表格使用的相關(guān)資料,需要的朋友可以參考下2024-06-06
vue項(xiàng)目中自定義video視頻控制條的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue項(xiàng)目中自定義video視頻控制條的實(shí)現(xiàn)代碼，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
Vue element el-table-column中對(duì)日期進(jìn)行格式化方式(全局過濾器)
這篇文章主要介紹了Vue element el-table-column中對(duì)日期進(jìn)行格式化方式(全局過濾器)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue項(xiàng)目運(yùn)行npm?install報(bào)錯(cuò)問題及解決
這篇文章主要介紹了vue項(xiàng)目運(yùn)行npm?install報(bào)錯(cuò)問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-08-08
這篇文章主要介紹了Vue?table新增、編輯，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了elementUi 中table表尾插入行的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
vue使用vant中的checkbox實(shí)現(xiàn)全選功能
這篇文章主要為大家詳細(xì)介紹了vue使用vant中的checkbox實(shí)現(xiàn)全選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
Nuxt3封裝useFetch請(qǐng)求并防止參數(shù)自動(dòng)更新請(qǐng)求方式
這篇文章主要介紹了Nuxt3封裝useFetch請(qǐng)求并防止參數(shù)自動(dòng)更新請(qǐng)求方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2026-03-03
本篇文章主要介紹了VUE開發(fā)一個(gè)圖片輪播的組件示例代碼，對(duì)圖片輪播效果感興趣的小伙伴們可以參考一下。2017-03-03