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
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐