欢迎访问响应式SPA SSR网站!

English
原创前端技术博客,致力于分享前端学习路上的第一手资料。专注 web 前端开发、移动端开发、前端工程化、前端职业发展,做最有价值的前端技术学习网站。

前端·小阳仔

关注互联网和前端开发技术的博客网站!

当前位置: 导航  >  前端小知识  >  文章详情

FATAL ERROR: Reached heap limit Allocation failed – JavaScript heap out of memory(JS stacktrace )

发布时间:2024-01-22   作者:富朝阳    我要评论我要评论

一、问题

我们前端在升级运行自动化运行脚本的时候,linux机器上会报这样一个错误FATAL ERROR: Reached heap limit Allocation failed – JavaScript heap out of memory

FATAL ERROR: Reached heap limit Allocation failed – JavaScript heap out of memory(JS stacktrace )

二、原因分析

报错的字面意思大致说的是 JavaScript 运行内存不足。其实就是Node运行时内存不足。出现这个问题的主要原因有两个,一是你的服务器或本地运行内存如果小于2GB那么很容易造成内存不足,这个你只能扩充你服务器或本地的内存解决二是你的服务器或本地内存在4GB以上,但是还会报这个错,这个是因为Node 中通过script使用的内存只是很小的一部分。这个我们可以配置我们的项目来解决,下面我们主要说明下在服务器或本地内存够用时,怎么在项目里配置解决这个错误。

三、解决方案

1.package.json中配置

在项目package.json的 scripts 中增加 node –max_old_space_size=4096 

FATAL ERROR: Reached heap limit Allocation failed – JavaScript heap out of memory(JS stacktrace )

space_size=4096 这个大小可以根据你服务器或者本地运行的内存自行调整,必须在机器运行内存范围内。

2.使用increase-memory-limit插件

npm地址:https://www.npmjs.com/package/increase-memory-limit 

 npm i increase-memory-limit --save-dev

在package.json 文件中

"scripts": {
    "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
}

"devDependencies": {
    "increase-memory-limit": "^1.0.7",
}

解决你的问题了吗?欢迎在评论区交流。如果文章对你有所帮助,❤️关注+点赞❤️鼓励一下!博主会持续更新。。。。 ​

猜你喜欢
  • 前端性能优化9大策略(面试一网打尽)!
    前端性能优化9大策略(面试一网打尽)!
    wonderful
  • 解决angualr13 form表单设置disabled不起作用问题
    解决angualr13 form表单设置disabled不起作用问题
    wonderful
  • 什么是变量提升?var、let 及 const 区别?什么是暂时性死区?
    什么是变量提升?var、let 及 const 区别?什么是暂时性死区?
    wonderful
  • Webpack性能优化
    Webpack性能优化
    wonderful
  • CSS实现三种常用的三角形效果
    CSS实现三种常用的三角形效果
    wonderful
  • vite构建打包性能优化
    vite构建打包性能优化
    wonderful

给我留言

专注于程序员工作、学习、编程提效。

Copyright © www.code-nav.top All Rights Reserved.

前端小阳仔 提供技术支持 备案号:陕ICP备19013504号

LOADING