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,然后点击第二个齿轮按钮,使用排除设置和忽略文件,即可搜索该目录下的所有符合条件的内容)

替换成功后再重新启动项目,理论上问题就解决了
相关推荐
2601_949847755 分钟前
Form-data 跨端三方库仓颉适配全流程
前端·javascript·flutter
zyseo820 分钟前
谷歌SEO 内容更新焕新流程:让老页面重新起量
java·前端·javascript
夜雪一千32 分钟前
标题特殊符号数据清洗实战:解决HTML实体、零宽字符、Emoji乱码踩坑
前端·html
richdata43 分钟前
从采购承诺到库存周转:降低库存资金占用的六个计划杠杆
大数据·前端·javascript
计算机魔术师1 小时前
别人IPO发股票,Anthropic一口气搞出五类
前端
ai_coder_ai1 小时前
使用Web IDE边写自动化脚本
运维·前端·自动化
贾伟康2 小时前
【共创稿事节】一个 UserDataManager 管八类数据:Preferences 持久化的克制用法
java·服务器·前端·harmonyos·arkts·鸿蒙
卓豪终端管理2 小时前
【无标题】
java·服务器·前端
修炼的dance2 小时前
一条命令查清 WebM 有没有透明通道,默认解码会骗你
前端
小灰灰搞电子2 小时前
Rust+Slint 实现动态流光边框源码分享
开发语言·前端·rust·流光边框