vue项目因内存溢出启动报错的解决方案
作者:LXXgalaxy
这篇文章主要介绍了vue项目因内存溢出启动报错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
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" }
改完这些之后,重新启动就好啦!!!!!!!
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Vue3图片上传报错:Required part ‘file‘ is not present.的原因及解决方法
- vue cli3中eslint报错no-undef和eslint规则配置方式
- vue修改props数据报错的问题及解决
- vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421
- 解决vue前端文件上传报错:上传失败,原因:413 Request Entity Too Large
- 关于vue项目vue-cli-service启动报错失败问题的解决方法
- 创建vue报错vue-cli Failed to download repo vuejs-templates/webpack问题