vue項目因內(nèi)存溢出啟動報錯的解決方案

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

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

vue項目因內(nèi)存溢出啟動報錯

前端能正常啟動，但只要一改動就報錯啟動出錯。

解決辦法

安裝依賴

npm install cross-env increase-memory-limit

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

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

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

然后，可在 node_modules 同級下，寫一個fix-memory-limit.config.js文件進行批次處理。

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

// 運行項目前通過node執(zhí)行此腳本 （此腳本與node_modules 目錄同級）
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"
  }

改完這些之后，重新啟動就好啦?。。。。。?！

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

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