当前位置: 首页 > news >正文

react 修改less文件后保存,内存溢出,项目崩溃问题解决

一、完整报错

一个很老的react项目,因为没有package-lock.json版本锁,导致拉下来的时候,安装的依赖版本冲突,好不容易启动起来,修改less文件后只要一保存,项目就会崩溃,需要重启,报错如下:

<— JS stacktrace —>

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
1: 00007FF74035168F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+122159
2: 00007FF7402DB456 DSA_meth_get_flags+64118
3: 00007FF7402DC4D2 DSA_meth_get_flags+68338
4: 00007FF740C13CB4 v8::Isolate::ReportExternalAllocationLimitReached+116
5: 00007FF740BFE27D v8::SharedArrayBuffer::Externalize+781
6: 00007FF740AA183C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
7: 00007FF740A9E954 v8::internal::Heap::CollectGarbage+4244
8: 00007FF740A9C2D0 v8::internal::Heap::AllocateExternalBackingStore+2000
9: 00007FF740AC0E56 v8::internal::Factory::NewFillerObject+214
10: 00007FF7407F3565 v8::internal::DateCache::Weekday+1797
11: 00007FF740CA1991 v8::internal::SetupIsolateDelegate::SetupHeap+494417
12: 00007FF740C33A89 v8::internal::SetupIsolateDelegate::SetupHeap+44105
13: 0000023FEDF0A9F6

二、原因及解决方案

1.首先可能是less版本太低,之前使用的是3.9.1的版本,然后升级到了4.1.3的版本,随之出现的问题Module build failed (from ./node_modules/less-loader/dist/cjs.js),这是因为less-loader的版本没有和less对应,于是将less-loader的版本更新到5.0.0(less-loader一定要对应,不能太高,也不能太低)
2.还是没效果的话,就安装 increase-memory-limit和cross-env这两个插件,(作用是配置把内存放大)同时在package.json的scripts添加一个新的命令:“fix-memory-limit”: “cross-env LIMIT=6096 increase-memory-limit”,然后npm run fix-memory-limit运行一次这个命令,成功后再启动项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.运行npm run fix-memory-limit命令后,再启动项目如果还报错’“node --max-old-space-size=6069”’ 不是内部或外部命令,也不是可运行的程序,则进行以下操作:

vscode文件搜索工具内,全局搜索"%_prog%",然后替换为%_prog%,即去掉双引号,(点击三个点,会弹出下方包含文件和排除文件的选项,包含的文件输入./node_modules/.bin,然后点击第二个齿轮按钮,使用排除设置和忽略文件,即可搜索该目录下的所有符合条件的内容)

替换成功后再重新启动项目,理论上问题就解决了

在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 解锁潜在商机的钥匙——客户管理系统公海池
  • maven打包可运行jar
  • 计算机视觉与深度学习 | 视频/图像转换及保存播放(Matlab源码)
  • 基于arm-gcc 工具链开发mcu程序时,怎么便捷查看内存映像
  • selenium headless 无头模式慢
  • SpringBoot3+Vue3+Mysql+Element Plus完成数据库存储blob类型图片,前端渲染后端传来的base64类型图片
  • CSS 的 link 标签放在 head 标签之间的作用
  • 直播会议一体机安卓主板_5G智能会议一体机双屏异显设计
  • Delphi 12 重返雅典 (RAD Studio 12)
  • 华为云Ascend310服务器使用
  • Git系列之Git集成开发工具及git扩展使用
  • Android codec2 视频框架 之输入buffer
  • Perl语言用多线程爬取商品信息并做可视化处理
  • 网络安全之文件包含漏洞及其防护
  • Spring Boot 校验用户上传的图片文件
  • Android交互
  • CentOS 7 防火墙操作
  • CentOS从零开始部署Nodejs项目
  • echarts花样作死的坑
  • JS 面试题总结
  • Laravel核心解读--Facades
  • LintCode 31. partitionArray 数组划分
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • SAP云平台里Global Account和Sub Account的关系
  • seaborn 安装成功 + ImportError: DLL load failed: 找不到指定的模块 问题解决
  • SwizzleMethod 黑魔法
  • vue从创建到完整的饿了么(18)购物车详细信息的展示与删除
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 飞驰在Mesos的涡轮引擎上
  • 力扣(LeetCode)22
  • 前端性能优化--懒加载和预加载
  • 如何将自己的网站分享到QQ空间,微信,微博等等
  • 如何使用 JavaScript 解析 URL
  • 软件开发学习的5大技巧,你知道吗?
  • 十年未变!安全,谁之责?(下)
  • 什么软件可以剪辑音乐?
  • 思维导图—你不知道的JavaScript中卷
  • 推荐一个React的管理后台框架
  • 我是如何设计 Upload 上传组件的
  • 自制字幕遮挡器
  • 正则表达式-基础知识Review
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • ​字​节​一​面​
  • # Apache SeaTunnel 究竟是什么?
  • # 详解 JS 中的事件循环、宏/微任务、Primise对象、定时器函数,以及其在工作中的应用和注意事项
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • #ubuntu# #git# repository git config --global --add safe.directory
  • (C11) 泛型表达式
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (初研) Sentence-embedding fine-tune notebook
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (黑马点评)二、短信登录功能实现
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)