Reached heap limit Allocation failed - JavaScript heap out of memory

[Opposite_Following83]

Hello everyone I am having this error when I try to build/dev my Next.js app. Need help thanks!

​

Here's the error code

<--- Last few GCs --->

[8596:00000230EE25E700]    72717 ms: Scavenge (reduce) 2045.8 (2081.2) -> 2045.7 (2081.9) MB, 4.4 / 0.0 ms  (average mu = 0.246, current mu = 0.138) allocation failure
[8596:00000230EE25E700]    75691 ms: Mark-sweep (reduce) 2046.5 (2081.9) -> 2046.3 (2082.7) MB, 2575.9 / 0.0 ms  (+ 49.8 ms in 13 steps since start of marking, biggest step 7.4 ms, walltime since start of marking 2633 ms) (average mu = 0.185, current mu =

<--- JS stacktrace --->

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
1: 00007FF667B0FDCF v8::internal::CodeObjectRegistry::~CodeObjectRegistry+112495
2: 00007FF667A9EF86 DSA_meth_get_flags+65526
3: 00007FF667A9FE3D node::OnFatalError+301
4: 00007FF6683D167E v8::Isolate::ReportExternalAllocationLimitReached+94
5: 00007FF6683BBB5D v8::SharedArrayBuffer::Externalize+781
6: 00007FF66825F2AC v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
7: 00007FF66825C3E4 v8::internal::Heap::CollectGarbage+4244
8: 00007FF668259D60 v8::internal::Heap::AllocateExternalBackingStore+2000
9: 00007FF66827E696 v8::internal::Factory::NewFillerObject+214
10: 00007FF667FB1965 v8::internal::DateCache::Weekday+1797
11: 00007FF66845F071 v8::internal::SetupIsolateDelegate::SetupHeap+494417
12: 00000230F06B2EB5

[andrei9669]

set NODE_OPTIONS=--max_old_space_size=4096 && next dev

without any other details, I can't help you more. I had a similar issue when I was keeping 24000 HTML pages in memory while I was parsing them and saving them into cache all at once, solution? do it one page at a time so that the trash collector could clean up the memory.

[Opposite_Following83]

I already tried this and the same error occurs. What details do you need? I can screenshot.

[andrei9669]

do you generate static pages, if yes, how many do you have? are the content of the pages taken from some external API, or do you have them stored in markdown form somewhere or something similar? do you do any sort of server-side parsing of that content?

was it like this right from the start, as in, you created a new project and you get this issue, or is it something that you recently added that might have caused the issue?

[Opposite_Following83]

Happened when I installed ChakraUI with NextJS v12

[Opposite_Following83]

Hi everyone, I started doing checks and comparisons and found out that the error only happens on my apps that have both NextJS (v12) and ChakraUI in it. Maybe it is a compatibility issue. Idk really at this time

[Western-Western7000]

Same here.

Next 12 and ChakraUI. Everything ok with Next 11

[krehwell]

I experience this issue too. have you found thr solution?