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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

ElementUI實現(xiàn)el-table列寬自適應的代碼詳解
這篇文章給大家介紹了ElementUI實現(xiàn)el-table列寬自適應的詳細步驟,文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
2024-01-01
Vue自定義組件使用事件修飾符的踩坑記錄
vue提倡的是在方法中只有對數(shù)據(jù)的處理，所以提供了事件修飾符用于DOM的事件處理，下面這篇文章主要給大家介紹了關于Vue自定義組件使用事件修飾符的相關資料,需要的朋友可以參考下
2021-05-05
Vue中的混入的使用(vue mixins)
這篇文章主要介紹了Vue中的混入的使用(vue mixins)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
Vue2路由地址欄變化API(pushState和replaceState)的避坑指南
你是不是也遇到過這種尷尬場景：明明URL變了,頁面卻沒刷新？或者一刷新直接404教做人？別慌,這都是history.pushState和replaceState在搞事情,因此本文給大家介紹了Vue2路由地址欄變化API的避坑指南,需要的朋友可以參考下
2026-02-02
Vue項目接入Paypal實現(xiàn)示例詳解
這篇文章主要介紹了Vue項目接入Paypal實現(xiàn)示例詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-06-06
Vue.js組件tab實現(xiàn)選項卡切換
這篇文章主要為大家詳細介紹了Vue.js組件tab實現(xiàn)選項卡切換的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
Vue中的 mixins 和 provide/inject詳解
這篇文章主要介紹了Vue中的 mixins 和 provide/inject詳解,本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-07-07
vue使用element-ui tabs切換echarts解決寬度100%方式
這篇文章主要介紹了vue使用element-ui tabs切換echarts解決寬度100%方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
創(chuàng)建Vue項目以及引入Iview的方法示例
這篇文章主要介紹了創(chuàng)建Vue項目以及引入Iview的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-12-12
Vue數(shù)據(jù)驅(qū)動表單渲染,輕松搞定form表單
這篇文章主要介紹了Vue數(shù)據(jù)驅(qū)動表單渲染,輕松搞定form表單,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-07-07