当前位置: 代码网 > it编程>前端脚本>Vue.js > vue项目内存溢出问题及解决方案

vue项目内存溢出问题及解决方案

2024年05月19日 Vue.js 我要评论
vue项目内存溢出的解决最近在对原有项目进行迭代升级,有用代码越来越多,导致内存溢出了。正常启动运行还是可以的,但是 只要对代码进行简单修改,在热更新的时候项目就会直接崩掉。这就导致了10分支的开发差

vue项目内存溢出的解决

最近在对原有项目进行迭代升级,有用代码越来越多,导致内存溢出了。

正常启动运行还是可以的,但是 只要对代码进行简单修改,在热更新的时候项目就会直接崩掉。这就导致了10分支的开发差不多有7分钟的时间在重启项目,严重影响开发效率,让人上火。

刚好同事之前也遇到过,特点问了一下解决方式。

说下解决

npm install -g increase-memory-limit
npx cross-env limit=4000 increase-memory-limit

先全局安装增加项目运行内存的依赖,然后修改内存限制(4000是4000kb,我项目用到是6000)。

最后删掉依赖,重新下载,重新启动项目即可。

vue项目内存溢出问题

young object promotion failed allocation failed - javascript heap out of memory

在开前端项目如果非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了v8对 node 默认的内存限制大小就会出现内存溢出问题

提示:以下是本篇文章正文内容,下面案例可供参考

问题

fatal error: markcompactcollector: young object promotion failed allocation failed - javascript heap out of memory
npm err! code elifecycle
npm err! errno 134
npm err! study-model-dmo@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm err! exit status 134
npm err!
npm err! failed at the study-model-dmo@1.0.0 dev script.
npm err! this is probably not a problem with npm. there is likely additional logging output above.

npm err! a complete log of this run can be found in:
npm err!     d:\work\tools\node\node_cache\_logs\2021-07-06t01_29_07_637z-debug.log

解决方法1

在node_modules.bin下的webpack-dev-server文件中添加 --max_old_space_size=4096,可以根据项目调整大小

在这里插入图片描述

解决方法2

如果上面方法没有用,可以尝试升级nodejs的版本,或重新安装nodejs

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com