Vue 项目启动内存溢出

最新推荐文章于 2025-04-10 09:23:43 发布

OY..

最新推荐文章于 2025-04-10 09:23:43 发布

阅读量589

点赞数

分类专栏：前端文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_45738810/article/details/120699261

版权

前端专栏收录该内容

8 篇文章

订阅专栏

Vue 项目启动内存溢出

报错信息：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

解决一：(自己采用这种方式解决的)

安装个npm包： increase-memory-limit

npm install -g increase-memory-limit

在package.json 中加

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

然后在项目中

npm run fix-memory-limit

# 项目启动
npm run dev

解决二：

安装两个npm包： increase-memory-limit 和cross-env
在package.json 中加

"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit",
"adjust-mermory-limit": "cross-env LIMIT='4096' increase-memory-limit"

然后在项目中

npm run fix-memory-limit

如果你运行fix-memory-limit提示无效命令就

cmd窗口

set NODE_OPTIONS=--max_old_space_size=4096

参考博客：

https://www.wlyc.cn/post-209.html
https://blog.youkuaiyun.com/weixin_44128575/article/details/109196493

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

OY..

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue 项目npm run dev 运行时崩溃（内存溢出）

Claudia_c的博客

02-28

8814

vue 项目npm run dev 运行时崩溃（内存溢出）问题描述：项目保存时不断出现项目npm run dev终止情况，多半是项目过大导致内存溢出 解决方案： // An highlighted block > npm install increase-memory-limit > npm install cross-env 在package.json文件中加入如下代码 // An highlighted block > "scripts": { "fix-memo

vue项目热更新内存溢出问题

Ghoul_C_L的博客

03-08

1448

vue项目热更新内存溢出问题

参与评论您还未登录，请先登录后发表或查看评论

vue项目因内存溢出启动报错

galaxyJING的博客

03-12

1263

然后，可在 node_modules 同级下，写一个fix-memory-limit.config.js文件进行批次处理。然后再做两件事：在node 在package.json 里的 script 里进行配置。LIMIT是你想分配的内存大小，这里的8192单位是M也就是8G，大小可根据情况而定。再回去修改package.json里的 script里的语句。前端能正常启动，但只要一改动就报错启动出错。改完这些之后，重新启动就好啦！

内存泄漏检测工具 MemoryLeakDetector 使用教程

最新发布

gitblog_00933的博客

04-10

551

内存泄漏检测工具 MemoryLeakDetector 使用教程 memory-leak-detector 项目地址: https://gitcode.com/gh_mirrors/me/memory-leak-detector...

vue项目运行内存溢出，解决

qq_58307541的博客

03-29

1344

本地缓存溢出运行、打包内存溢出。

vue项目启动报错，内存溢出问题解决

weixin_42387630的博客

12-01

631

2.在pack.json 中添加命令 “fix-memory-limit”: “cross-env LIMIT=10240 increase-memory-limit”4.如果命令行运行报错，在node_modules中全局搜索 “%_prog%” 替换成 %_prog%3.在控制台运行 npm run fix-memory-limit。5.重新运行npm run dev。

Vue项目启动内存溢出 js stack overflow

qq_36208612的博客

07-27

2145

编辑profile文件，添加exportNODE_OPTIONS=“–max-old-space-size=8192”第二步新建node.cmd内容为node2.exe--max-old-space-size=4096%*@vue/cli-service/bin/vue-clie-service.js文件中的首行加入。第一步在node根目录下找到node.exe，将node.exe修改为node2.exe。第三步修改npm.cmd文件，将node.exe修改为node2.exe。......

vue项目启动报内存溢出 ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

qq_39047060的博客

08-01

435

如果报：nrm : 无法加载文件 E:\Program Files\nodejs\node_global\nrm.ps1，因为在此系统上禁止运行脚本。使用 increase-memory-limit 插件，增加node服务器内存限制。运行increase-memory-limi。

详解基于node的前端项目编译时内存溢出问题

08-29

解决基于 Node 的前端项目编译时内存溢出问题在基于 Node 的前端项目中，经常会遇到内存溢出的问题，尤其是在使用 Webpack 进行项目编译时。这个问题的根源是 Node 的 V8 引擎对内存的限制，在 64 位系统下约为 ...

electron-vue开发环境内存泄漏问题汇总.docx

01-13

Electron-Vue 开发环境内存泄漏问题汇总本文主要介绍了 Electron-Vue 开发环境中内存泄漏问题的解决方案。 Electron-Vue 是一个基于 Electron 和 Vue.js 的开发框架，用于构建桌面应用程序。然而，在开发环境中，...

vue打包内存溢出解决方案 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed

zxhadolph的博客

04-16

3286

在vue项目太大的时候运行项目会出现这个错误那么，解决的办法，很多人会找到，全局安装increase-memory-limit 命令行cmd dos窗口运行：cnpm install -g increase-memory-limit 进入项目文件夹，运行：increase-memory-limit 那么，这么安装后，再运行项目，可能会出现 node --max-old-space-size不是内部命令的错误，那么怎么处理呢，在项目的 node_modules/bi...

解决vue项目启动内存溢出的问题

午我锁的博客

08-19

1165

问题我们在启动vue项目时有时启动内存不足导致启动失败 ** 解决方案 npm install -g increase-memory-limit 首先全局下载该npm包 increase-memory-limit 在项目目录执行就可以正常启动了

vue项目启动报内存溢出#memory

qq_38102991的博客

11-04

687

尝试了好多种方法，有说包版本冲突的，中间node/vue啥啥都卸载了，就差电脑重装了，过程之艰辛，最后终于解决了，给碰到的同学分享下。处理方案: 1、路径切到项目目录下,安装两个包 cnpm install increase-memory-limit cnpm i cross-env --save-dev 2、在package.json中增加 "scripts": { "fix-memory-limit": "cross-env LIMIT=6096 increase-memory...

vue项目内存溢出

qq_39480297的博客

02-20

1164

vue项目，运行时出现内存溢出，使用increase-memory-limit-fixbug进行修复

问题记录（vue运行项目内存溢出）

qq_37120809的博客

08-13

265

迭代中写点东西保存热更新的时候会终止运行：尝试修改package.json中的信息未生效：目前管用的方法是：

VUE3项目启动内存溢出

qq_40302775的博客

11-08

639

VUE3项目启动报错FATAL ERROR: Ineffective mark-compacts near heaplimitAllocation failed - JavaScript heap out of memory

vue启动编译时报错：134（内存溢出）

qq_40652539的博客

07-12

2966

vue项目启动报错，内存溢出，errno 134

解决 VUE 项目运行过程报错 JAVASCRIPT HEAP OUT OF MEMORY（内存溢出）&& “‘NODE --MAX-OLD-SPACE-SIZE=10240“‘ 不是内部或外部命令

OliverMGB的博客

10-23

1248

若是无法全局替换 node_modules 文件的 "%_prog%" 需要暂时删除红框部分，替换完再添加上。你是不是也遇到过 vue 项目当你 ctrl+s，编译代码，项目就挂掉的情况？那么恭喜你，内存溢出了。兄dei，你膨胀了哟~你又搜索不到"%_prog%"？注：一般内存溢出只需要前面1，2步骤就行，少数可能还会有后续报错，可根据自己的项目情况自行参考。好了，大功告成了，接下来再继续跑项目吧~没错就是这么简单两行代码。好了好了，这下能正常跑了吧~ 真是优秀！不过不要慌，以下有完整的解决方案！

vue项目启动或者打包 内存溢出解决办法

阳光

05-26

1720

启动打包内存溢出排查解决 1、确保依赖包是最新的，不是cnpminstall安装 2、vue.config.js需要有lintOnSave:false,配置 3、不要保存多余的依赖包文件夹以上解决不了 1、全局安装npminstall-gincrease-memory-limitcross-env 2、项目package.json增加"fix-memory-limit":"cross-envLIMIT=10240increase-memory-limit", 3、运行命令npm...

webstorm vue服务内存溢出

02-27

### 解决 WebStorm 中 Vue 项目运行时出现的内存溢出问题当遇到 WebStorm 运行 Vue 项目时发生 `OutOfMemory` 错误的情况，通常是因为 Node.js 的默认堆栈大小不足以处理大型项目的编译和构建过程。可以通过调整 Node.js 和 Webpack 配置来解决问题。 #### 调整 Node.js 堆栈大小为了增加可用的内存量，在启动命令前添加参数以提高最大旧生代空间： ```bash node --max-old-space-size=8192 ./node_modules/.bin/vue-cli-service serve ``` 这会将最大旧生代空间设置为 8GB[^1]。对于频繁使用的开发环境来说，可以修改 package.json 文件中的脚本部分以便每次执行服务时不需手动输入额外参数： ```json { "scripts": { "serve": "node --max_old_space_size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve" } } ``` #### 修改 Webpack 构建配置如果仍然存在性能瓶颈，则考虑优化 Webpack 构建流程。一种方法是在 vue.config.js 或 webpack.config.js 中启用 TerserPlugin 插件并减少压缩级别；另一种方式是通过 HappyPack 实现多线程打包加速[^2]: ```javascript const TerserPlugin = require('terser-webpack-plugin'); module.exports = { configureWebpack: { optimization: { minimize: true, minimizer: [ new TerserPlugin({ parallel: true, // 开启多核CPU支持 terserOptions: { compress: false, // 关闭压缩选项可加快速度 mangle: false // 不混淆变量名也可以提升效率 }, }), ], }, }, }; ``` #### 使用更高效的依赖管理工具有时 npm 安装包过多也会占用大量资源。尝试切换到 Yarn 来代替 NPM 可能会有更好的表现，因为前者具有更快的速度以及更加稳定的缓存机制[^3]. 安装 yarn 后重新初始化项目依赖: ```bash yarn install ``` 以上措施应该能够有效缓解甚至彻底解决 WebStorm 下 Vue 应用程序因内存不足而产生的错误提示。