npx out of memory when watching tailwind

[ridwanpr]

I'm not sure whether this belongs to npm or Tailwind, so forgive me.
Whenever I use npx to watch for changes in my Tailwind classes, after a few minutes it always throws an error like this:

<--- Last few GCs --->

[10672:0000023D44713000]  7904528 ms: Mark-Compact 2042.8 (2087.9) -> 2039.5 (2088.7) MB, pooled: 1 MB, 2267.00 / 0.00 ms  (average mu = 0.189, current mu = 0.185) allocation failure; scavenge might not succeed
[10672:0000023D44713000]  7909169 ms: Mark-Compact 2043.5 (2088.7) -> 2040.2 (2097.7) MB, pooled: 0 MB, 4562.91 / 0.00 ms  (average mu = 0.086, current mu = 0.017) allocation failure; scavenge might not succeed

<--- JS stacktrace --->

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
----- Native stack trace -----

 1: 00007FF7811870F7 node::SetCppgcReference+18039
 2: 00007FF7810EAA18 v8::base::CPU::num_virtual_address_bits+102920
 3: 00007FF781CEF151 v8::Isolate::ReportExternalAllocationLimitReached+65
 4: 00007FF781CDBCD6 v8::Function::Experimental_IsNopFunction+3302
 5: 00007FF781B38420 v8::internal::StrongRootAllocatorBase::StrongRootAllocatorBase+33904
 6: 00007FF781B34AAA v8::internal::StrongRootAllocatorBase::StrongRootAllocatorBase+19194
 7: 00007FF781B4B08C v8::Isolate::GetHeapProfiler+8012
 8: 00007FF781B4B90A v8::Isolate::GetHeapProfiler+10186
 9: 00007FF781B5C2FB v8::Isolate::GetHeapProfiler+78267
10: 00007FF7818293FB v8::base::AddressSpaceReservation::AddressSpaceReservation+323419
11: 00007FF721D6D8D0

I know I can simply restart the command whenever it happens:

npx tailwindcss -i ./src/input.css -o ./src/output.css --watch

But it has become kind of annoying when I suddenly don’t see changes in the browser, only to find out that I ran out of memory.
Is there any solution for this?
I use tailwind 3.4.17 & npm 10.9.3

[ridwanpr]

Btw is this related to this one? (I just found it) If so, I guess it is what it is.

[zikou058]

Check this :

1: install tailwindcss locally

npm install -D tailwindcss

2: Add to package.json scripts

"dev": "tailwindcss -i ./src/input.css -o ./src/output.css --watch"

3: Run with memory increase

NODE_OPTIONS="--max-old-space-size=4096" npm run dev