vue项目运行的时候溢出

于 2024-08-14 09:23:56 发布
阅读量176 收藏
点赞数 3
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52360960/article/details/141181384
版权

先将package.json里改了：

    "serve": "vue-cli-service serve --open --max-old-space-size=20480 --max_old_space_size=20480",

但是没有用，还是报错JavaScript heap out of memory

又运行：

set NODE_OPTIONS="--max-old-space=20480"

还是没有用，强制改一下就有用了： 

node --max-old-space-size=20480 node_modules/.bin/vue-cli-service serve
我想活
关注
Vue-cli3执行serve和build命令时nodejs 内存溢出问题
仰望星空的代码
07-04 1万+
前端项目越来越大，最近在执行serve和build命令时出现了 CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 错误。这是因为在webapck打包过程中占用的内存堆栈超出了node.js中采用的V8引擎对内存的限制导致的。V8引擎对内存的使用的默认大小限制是1.4G，可以通过node.js命令设置限制...
关于 Node.js 参数 max-old-space-size
m0_54883970的博客
07-29 1110
Oldspace是V8托管（也称为垃圾收集）堆（即JavaScript对象所在的位置）中最大和最可配置的部分，而标志控制其最大大小。随着内存消耗接近极限，V8将花费更多时间在垃圾收集上，以释放未使用的内存。如果堆内存消耗（即GC无法释放的活动对象）超过限制，V8将使您的进程崩溃（因为缺乏替代方案），因此您不想将其设置得太低。当然，如果您将其设置得太高，那么V8将允许的额外堆使用可能会导致您的整个系统内存不足（并且由于缺乏替代方案而交换或终止随机进程）。...
vue项目build打包时报错 “JavaScript heap out of memory” 的解决办法
01-08
今天在执行npm run build 的时候突然出现下面图片所示错误 这个错误的意思时内存溢出，为什么会内存溢出呢？ 原来 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。 当前端项目非常庞大时，编译时会占用很多资源，所以就会出现内存溢出的问题。 以下是我的问题解决方法 cd到我们的项目目录下执行 // windows set NODE_OPTIONS=--max_old_space_size=4096 // mac/linux export NODE_OPTIONS=
详解基于node的前端项目编译时内存溢出问题
08-29
本篇文章主要介绍了基于node的前端项目编译时内存溢出问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue 项目npm run dev 运行时崩溃（内存溢出）
Claudia_c的博客
02-28 7533
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项目构建出现Node.js构建错误。
qq_38969618的博客
06-22 721
nodejs构建错误
Vue项目启动内存溢出 js stack overflow
qq_36208612的博客
07-27 1890
编辑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。......
小记一篇 vuecli4项目 打包内存溢出问题
最新发布
weixin_45485922的博客
04-17 989
vuecli 打包项目内存溢出问题
关于vue-cli3 内存溢出问题
yufangzhi1995的博客
01-16 4006
vue-cli3 在运行run serve 和 run build的时候经常会出现内存溢出的情况 尝试过很多方法 1、在package.json中修改 "serve": "node --max_old_space_size=8000 vue-cli-service serve" 并没起到作用。 2、安装 cross-env 和 increase-memory-limit i...
有文件改动,保存之后热加载项目就会断,必须重新npm run serve才能继续加载。
weixin_45290168的博客
03-25 279
前端vue热部署，修改文件后程序自动终止，需要重启问题
【Vue项目运行时崩溃，编译报错ERR! Exit status 134】
weixin_45710586的博客
01-09 2730
Vue启动项目内存溢出解决方法
vue项目node编译内存溢出（node）
lbjbk的博客
07-30 1170
vue项目在启动以后，进行修改内容，编译出错，自动退出启动 报错如下 经过查找 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 里面的这句话是 调用和重试上次分配失败-JavaScript堆内存不足 接着就找了关于JS内存不足与node编译内存溢出的解决办法，如下： 1.这个是给node分配更多的内存 只需在 package.json 里面 加上 --max_old_space_size
vue项目热更新内存溢出问题
Ghoul_C_L的博客
03-08 1291
vue项目热更新内存溢出问题
vue项目运行内存溢出，解决
qq_58307541的博客
03-29 1064
本地缓存溢出运行、打包内存溢出。
vue-cli-service build 不同环境的配置
青春木鱼的博客
09-22 1874
在项目部署时，我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用不同变量，暂时不能实现。
vue项目因提供的内存不足启动报错
fan2016434589的博客
03-12 7550
内存不足的解决办法
vue系列（5）：常见问题集合
碰碰的博客
07-05 2093
1、node.js 执行 npm/cnpm命令时提示：Unexpected end of JSON input while parsing near 解决：命令行执行 npm cache clean --force 2、vue-cli项目修改运行端口号： 解决：vuecli3中的端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js，修改 port 对应的值即可 3、提示"Failed to resolve loader: les
前端vue项目打包内存溢出问题踩坑
java后端开发的博客，不仅仅是后端开发
01-18 6007
我的环境： win10环境 node.js版本 12+ 内存16G 今天系统升级时通过运行npm run build:prod命令（或npm run build）打包时一直报错： FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 因为我是从后台刚转到前端，虽然知道是内存溢出要把内存配置改大点，从网上搜的答案还是踩坑了： 删除 C:\Users{账
vue项目内存溢出问题
05-26
内存溢出是指程序分配的内存空间超过了实际可用的内存空间，导致程序无法正常运行。在 Vue 项目中，内存溢出可能是由于以下原因导致的： 1. 组件未被正确销毁：在组件销毁时，应该手动清除组件中的数据和事件监听器，以便释放内存。 2. 大量渲染数据：在渲染大量数据时，可能会导致内存占用过高，可以考虑使用虚拟滚动等技术来优化。 3. 大量使用计算属性和 watch：过多的计算属性和 watch 会消耗大量的内存，应该尽量减少使用。 4. 未使用 keep-alive 缓存组件：在需要频繁切换的组件中，使用 keep-alive 可以缓存组件状态，减少内存占用。 解决内存溢出问题的方法有： 1. 使用 Chrome DevTools 进行内存分析：在 Chrome DevTools 中可以查看内存占用情况，定位内存泄漏问题。 2. 手动清除组件数据和事件监听器：在组件销毁时，手动清除组件中的数据和事件监听器，以释放内存。 3. 使用虚拟滚动等技术优化大量渲染数据：通过虚拟滚动等技术，可以优化大量渲染数据时的内存占用问题。 4. 优化计算属性和 watch 的使用：尽量减少计算属性和 watch 的使用，以减少内存占用。 5. 使用 keep-alive 缓存组件：在需要频繁切换的组件中，使用 keep-alive 可以缓存组件状态，减少内存占用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值