vue项目因内存溢出启动报错

前端能正常启动,但只要一改动就报错启动出错。

解决办法:

安装依赖

复制代码
npm install cross-env increase-memory-limit

然后再做两件事:在node 在package.json 里的 script 里进行配置

LIMIT是你想分配的内存大小,这里的8192单位是M也就是8G,大小可根据情况而定。

复制代码
  "scripts": {
    "limit": "cross-env LIMIT=8192 increase-memory-limit"
  },

然后,可在 node_modules 同级下,写一个fix-memory-limit.config.js文件进行批次处理。文件内容如下,直接复制粘贴即可:

复制代码
// 运行项目前通过node执行此脚本 (此脚本与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"
  }

改完这些之后,重新启动就好啦!!!!!!!

相关推荐
Neweee1 分钟前
JavaScript进阶内容详解
前端
大鸡爪2 分钟前
Vue3 组件库实战(五):Icon 图标组件的设计与实现
前端·vue.js
bluceli2 分钟前
前端测试实战指南:构建高质量代码的完整体系
前端·测试
行走的陀螺仪2 分钟前
前端公共库开发保姆级路线:从0到1复刻VueUse官方级架构(pnpm+Turbo+VitePress)
前端·架构
顽固_倔强3 分钟前
深入理解 Vue3 数据绑定实现原理
前端·面试
前端付豪3 分钟前
组件拆分重构 App.vue
前端·架构·代码规范
Wect4 分钟前
React 更新触发原理详解
前端·react.js·面试
cxxcode4 分钟前
Web 帧渲染与 DOM 准备
前端
光影少年4 分钟前
React Hooks的理解?常用的有哪些?
前端·react.js·掘金·金石计划
大鸡爪5 分钟前
Vue3 组件库实战(七):从本地到 NPM:版本管理与自动化发布指南(下)
前端·vue.js