vue項(xiàng)目因內(nèi)存溢出啟動(dòng)報(bào)錯(cuò)的解決方案

更新時(shí)間：2024年09月03日 10:50:11 作者：LXXgalaxy

這篇文章主要介紹了vue項(xiàng)目因內(nèi)存溢出啟動(dòng)報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue項(xiàng)目因內(nèi)存溢出啟動(dòng)報(bào)錯(cuò)

前端能正常啟動(dòng)，但只要一改動(dòng)就報(bào)錯(cuò)啟動(dòng)出錯(cuò)。

解決辦法

安裝依賴

npm install cross-env increase-memory-limit

然后再做兩件事：在node 在package.json 里的 script 里進(jìn)行配置

LIMIT是你想分配的內(nèi)存大小，這里的8192單位是M也就是8G，大小可根據(jù)情況而定。

  "scripts": {
    "limit": "cross-env LIMIT=8192 increase-memory-limit"
  },

然后，可在 node_modules 同級(jí)下，寫一個(gè)fix-memory-limit.config.js文件進(jìn)行批次處理。

文件內(nèi)容如下，直接復(fù)制粘貼即可：

// 運(yùn)行項(xiàng)目前通過node執(zhí)行此腳本 （此腳本與node_modules 目錄同級(jí)）
const fs = require('fs')
const path = require('path')
const wfPath = path.resolve(__dirname,'./node_modules/.bin')
 
fs.readdir(wfPath,(err,files)=>{
    if(err){
        console.log(err)
    }else{
        if(files.length != 0){
            files.forEach(item => {
                if(item.split('.')[1] === 'cmd'){
                    replaceStr(`${wfPath}/${item}`,/"%_prog%"/,'%_prog%')
                }
            })
        }
    }
})
 
function replaceStr(filePath,sourceRegx,targetSrt){
    fs.readFile(filePath,(err,data) =>{
        if(err){
            console.log(err)
        }else{
            let str = data.toString()
            str = str.replace(sourceRegx,targetSrt)
            fs.writeFile(filePath,str,err => {
                console.log(err)
            })
        }
    })
}

再回去修改package.json里的 script里的語句

 "scripts": {
    "limit": "cross-env LIMIT=8192 increase-memory-limit && node fix-memory-limit.config.js"
  }

改完這些之后，重新啟動(dòng)就好啦?。。。。。。?/p>

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue+vue-meta-info動(dòng)態(tài)設(shè)置meta標(biāo)簽教程
這篇文章主要介紹了vue+vue-meta-info動(dòng)態(tài)設(shè)置meta標(biāo)簽教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue輸入節(jié)流,避免實(shí)時(shí)請(qǐng)求接口的實(shí)例代碼
今天小編就為大家分享一篇vue輸入節(jié)流,避免實(shí)時(shí)請(qǐng)求接口的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
如何使用vue自定義指令構(gòu)建拖放插件
這篇文章主要介紹了如何使用vue自定義指令構(gòu)建拖放插件，幫助大家更好的理解和學(xué)習(xí)使用vue，感興趣的朋友可以了解下
2021-04-04
vue2?element-ui?el-checkbox視圖不更新問題及解決
作者在開發(fā)過程中遇到了視圖不更新的問題,最終通過改變一個(gè)無關(guān)緊要的響應(yīng)式數(shù)據(jù)來解決,讓視圖發(fā)生改變
2024-12-12
vue中jsencrypt與base64加密解密的實(shí)用流程
vue項(xiàng)目里面使用到的加密和解密的方法,本文主要介紹了vue中jsencrypt與base64加密解密的實(shí)用流程,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-10-10
vue結(jié)合leaflet實(shí)現(xiàn)鷹眼圖
本文主要介紹了vue結(jié)合leaflet實(shí)現(xiàn)鷹眼圖，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-06-06
Vue slot插槽的使用詳情
這篇文章主要介紹了Vue slot插槽的使用，在生活中很多地方都有插槽，電腦usb的插槽，插板當(dāng)中的電源插槽，插槽的目的是為了讓我們?cè)瓉淼脑O(shè)備具備更多的擴(kuò)展性比如電腦的USB我們可以插入U(xiǎn)盤，手機(jī)，鼠標(biāo)，鍵盤等等，下面文章就來介紹Vue slot插槽是如何使用的
2021-10-10
reactive readonly嵌套對(duì)象轉(zhuǎn)換功能實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了reactive readonly嵌套對(duì)象轉(zhuǎn)換功能實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
vue3中使用pinia(大菠蘿)狀態(tài)管理倉庫的項(xiàng)目實(shí)踐
本文主要介紹了vue3中使用pinia(大菠蘿)狀態(tài)管理倉庫，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
詳解如何在Vue項(xiàng)目中實(shí)現(xiàn)累加動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了如何在你的Vue項(xiàng)目中實(shí)現(xiàn)累加動(dòng)畫，文中的示例代碼簡潔易懂，具有一定的參考價(jià)值，感興趣的小伙伴可以了解一下
2023-06-06