开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >【随手记】前端多模块项目内存溢出

【随手记】前端多模块项目内存溢出

作者头像

客怎眠qvq

发布于 2024-08-07 05:58:49

发布于 2024-08-07 05:58:49

12600

代码可运行

举报

文章被收录于专栏：某菜鸟の小屋某菜鸟の小屋

运行总次数：0

代码可运行

【随手记】前端多模块项目内存溢出

客怎眠qvq2024-03-282024-07-26

前言

最近起公司的前端项目又爆内存了，忘记之前是怎么配置的，这篇博客用于备忘。

问题描述

一个很臃肿的前端多模块项目，对应后端的多个 springboot 模块项目，前端每次启动都会对所有的包进行打包，影响启动速度，内存也很容易爆掉。

报错如下：

(node:28820) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Server]. Use emitter.setMaxListeners() to increase limit
(Use `node --trace-warnings ...` to show where the warning was created)

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

解决方案

1、使用 npm 安装插件

npm install -g increase-memory-limit

2、项目启动前，在终端运行对应命令

increase-memory-limit
# 或者下面这句
increase-memory-limit.cmd

3、在项目的 vue.config.js 中注释掉对应的内存限制行

console.log("CPU 数量", require('os').cpus().length)
console.log(require('v8').getHeapStatistics())
// args[0].memoryLimit = 4096; 这行限制注释掉

4、根据统一认证登录和单点登录的需要，修改 loginType

5、运行项目

npm run serve
# 或者
npm run dev

参考链接

引用站外地址

JavaScript heap out of memory

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-03-28，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

Nodejs学习笔记（二）--- 事件模块

简介及资料 http://nodejs.org/api/events.html http://www.infoq.com/cn/articles/tyq-nodejs-event events是node.js 最重要的模块，events模块只提供了一个对象events.EventEmitter，EventEmitter 的核心是事件发射与事件监听器。 Node.js中大部分的模块，都继承自Event模块。与DOM树上事件不同，不存在事件冒泡、逐层捕获等行为。 EventEmitter 支持若干个事件监

Porschev

2018/01/16

1.2K0

Nodejs学习笔记（二）--- 事件模块

Node.js中的Event模块详解

编程算法网站

Events是node.js 最重要的模块，它提供了一个对象events.EventEmitter，EventEmitter 的核心是事件发射与事件监听器。

越陌度阡

2020/11/26

1.5K0

Node.js 知名框架 Express Koa 都在使用的 Events 模块你了解吗？

api node.js koa 面向对象编程

在 Node.js 中一个很重要的模块 Events（EventEmitter 事件触发器），也称为发布/订阅模式，为什么说它重要，因为在 Node.js 中绝大多数模块都依赖于此，例如 Net、HTTP、FS、Stream 等，除了这些系统模块比较知名的 Express、Koa 框架中也能看到 EventEmitter 的踪迹。

五月君

2019/11/06

2K0

[源码解读]一文彻底搞懂Events模块

编程算法 node.js api ajax

发布/订阅者模式应该是我在开发过程中遇到的最多的设计模式。发布/订阅者模式，也可以称之为消息机制，定义了一种依赖关系，这种依赖关系可以理解为 1对N (注意：不一定是1对多，有时候也会1对1哦)，观察者们同时监听某一个对象相应的状态变换，一旦变化则通知到所有观察者，从而触发观察者相应的事件，该设计模式解决了主体对象与观察者之间功能的耦合。

coder_koala

2019/09/05

8930

[源码解读]一文彻底搞懂Events模块

Node.js组成及Events模块

Node.js本身提供许多模块，每个模块实现一种功能，如文件操作模块fs，构建HTTP服务的http模块等，每个模块都是一个javascript文件，可以自己编写模块。

conanma

2022/01/05

8370

Vue内存溢出问题解决方法

npm javascript webpack 打包 node.js

引起内存泄漏的原因有不少，本文就介绍webpack 运行 npm run build 内存溢出 JavaScript heap out of memory内存溢出的错误。vue-cli3.0构建的项目，开发过程中，可能会遇到内存溢出的情况，改动一点代码，代码编译，进程就会断掉。

前端逗逗飞

2021/04/30

4.9K0

Node.js内存管理和V8垃圾回收机制

对于 Node.js 服务端研发的同学来说，关于垃圾回收、内存释放这块不需要向 C/C++ 的同学那样在创建一个对象之后还需要手动创建一个 delete/free 这样的一个操作进行 GC（垃圾回收）， Node.js 与 Java 一样，由虚拟机进行内存自动管理。

五月君

2019/07/12

3K0

Node.js内存管理和V8垃圾回收机制

Jenkins前端打包内存溢出问题

npm node.js jenkins 打包 sass

公司项目vue构建，体积比较庞大，在Jenkins上构建时，有新的内容提交时，第一次npm run build必失败，报内存溢出错误

全栈程序员站长

2021/05/19

4.7K0

Node 中的 events.EventEmitter 模块

Node 中的许多核心 API 都是通过事件驱动的异步架构实现的，具体来说就是当 emitters 发送事件后，相应的响应函数（ listeners ）会被执行。例如：net.Server 会在每次收到连接时发出事件，fs.ReadStram 会在文件打开时发出事件，stram会在有数据可读时发出事件。所有这些对象都是 EventEmitter 的实例，它们通过向外暴露的 eventEmitter.on() 接口从而让不同的事件响应函数得以执行。

IMWeb前端团队

2019/12/04

7700

笔记：记一次解决V8使用内存超过默认限制

java c++node.js javascript webpack

混合TypeScript和javaScript开发，完美升级老项目，这个老项目是一个巨无霸项目，非常庞大，是集团公司的最核心项目

Peter谭金杰

2020/05/09

3.6K0

笔记：记一次解决V8使用内存超过默认限制

项目构建内存溢出了？看看 Node 内存限制

node.js https 网络安全打包

看到内存溢出这个关键字，我们一般都会考虑到是因为 Node.js 内存不够导致的。

皮小蛋

2021/05/06

4.6K0

项目构建内存溢出了？看看 Node 内存限制

《深入浅出Node.js》：Node异步编程解决方案之事件发布-订阅模式

编程算法 node.js javascript ecmascript

灵活掌握函数式编程，异步编程就有了得心应手的基础。之所以说是基础，是还需要对异步的编程思路有清晰的认识。

前端_AWhile

2019/08/29

1.3K0

《深入浅出Node.js》：Node异步编程解决方案之事件发布-订阅模式

【前端面试题】—53道常见NodeJS基础面试题（附答案）

程序函数基础进程前端

说到前端就不得不提到后端，我们给用户展示页面所需的数据正是从后端获取的，所以了解后端的运行原理和技术的实现很有必要。

winty

2023/10/21

7530

【前端面试题】—53道常见NodeJS基础面试题（附答案）

脚本任务执行器 —— npm-run-all 源码解析

npm bootstrap https 网络安全

最近在整一个 OpenAPI 编排器，想到 npm-run-all 的任务流。看了一下这个 6 年前的源码。npm-run-all[1] 是一个用来并行或者串行运行多个 npm 脚本的 CLI 工具。阅读完本文，你能收获到：

码农小余

2022/12/05

2K0

脚本任务执行器 —— npm-run-all 源码解析

【Nodejs】516- 分析 Node.js 内存泄漏

缓存 node.js 编程算法

@冰森，日常 qcon、ssdc、Node party、Node 地下铁讲师/分享者。Node 基金会摸鱼成员。

pingan8787

2020/03/02

2.4K0

【Nodejs】516- 分析 Node.js 内存泄漏

Node.js快速入门

javascript http node.js 编程算法 html

下载最新版源码：https://nodejs.org/dist/v6.9.5/node-v6.9.5.tar.gz

程裕强

2022/05/06

11.4K0

Node理论笔记：异步编程

c 语言 python javascript node.js ajax

在JavaScript中，函数是一等公民，使用非常自由，无论是调用它，或者作为参数，或者作为返回值均可。

Ashen

2020/06/01

1K0

前端各知识点梳理(施工中...)

网站 webpack javascript 编程算法 css

作用域是一套用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找的规则。

前端_AWhile

2020/05/18

2.4K0

图形编辑器开发：模块间如何通信？

编辑器对象开发事件通信

图形编辑器，随着功能的增加，通常都会愈发复杂，良好的架构是保证图形编辑器持续开发高效的重要技术。

前端西瓜哥

2023/08/18

1760

图形编辑器开发：模块间如何通信？

深入解析Node.js：V8引擎、事件驱动和非阻塞式I/O

v8 高性能进程事件异步

🎉欢迎来到架构设计专栏~探索Java中的静态变量与实例变量深入解析Node.js：V8引擎、事件驱动和非阻塞式I/O

IT_陈寒

2023/12/14

2680

深入解析Node.js：V8引擎、事件驱动和非阻塞式I/O

相关推荐

Nodejs学习笔记（二）--- 事件模块

更多 >

LV.0

掘金摸鱼大队首席咸鱼按摩师

作者相关精选

【随手记】GitLab-CI？拿来吧你！

目录

前言

问题描述

解决方案

参考链接

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

腾讯云向量数据库快速上手训练营

向量数据库

微信公众号在线学习平台搭建实践_《硅谷课堂》

微信小程序应用实践_《锋运票务系统》

云托管 CloudBase Run

Serverless 容器服务

云数据库 MySQL

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验