Increase JavaScript Heap size in create-react-app project

Question

Node features the way to increase the heap size via passing in the --max-old-space-size command line flag. In create-react-app projects everything depends on the use of react-scripts. How can I pass in this parameter in such projects and where should I best do that?

Thank you for help.

Since those scripts are just JS files in a special directory you should be able to call the Node process like you usually do, and pass `node_modules/.bin/react-scripts` as the argument to it. It is symlinked to the actual script. — Dan Abramov, May 18 '17 at 15:14

score 32 · Accepted Answer · answered May 18 '17 at 15:48

32

Thanks a lot to @dan-abramov as his comment is the answer! (Give him the vote up in case you come across this).

You can just put e.g. node --max_old_space_size=4096 node_modules/.bin/react-scripts start in there instead of react-scripts start

answered May 18 '17 at 15:48

lukaswelte

2,951
1
23
45

7

This is giving an error : basedir=$(dirname.......) line 2 of react scripts. It says missing ) after argument list. PLease help – Dhiraj Gandhi Nov 19 '18 at 07:19
3

I have same issue, Our ubuntu server ram 1GB so what i need to do ? – Mitul Marsoniya Mar 25 '19 at 10:50
For smal servers you need put less memory. To me works with --max_old_space_size=256 – dsandrade Feb 14 '20 at 01:17
what is 4096 here 4096 GB? – vinayak shahdeo Aug 03 '20 at 11:38
1

This is 4096 MB so 4 GB – lukaswelte Aug 03 '20 at 12:42
this doesn't work for me, it still uses over 1gb of ram (when I set it to 256) and the processor goes to 300+%. Am I missing something? Is there any other way to constrain resource usage? – S.. Feb 26 '22 at 10:58
Getting `FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory` – fabpico Apr 11 '22 at 13:03

score 28 · Answer 2 · edited Mar 27 '19 at 14:31

28

"build": "react-scripts --max_old_space_size=4096 build"

This should work

edited Mar 27 '19 at 14:31

Moslem Ben Dhaou

6,897
8
62
93

answered Mar 27 '19 at 13:13

Андрей

391
3
2

what is 4096 here 4096 GB or MB? – vinayak shahdeo Aug 03 '20 at 11:38
@vinayakshahdeo it means 4096 MB – PaulMest Dec 03 '20 at 18:19
1

I tried this and didn't work for me even after setting 8 Gb or 12 Gb – Pavan Jadda Apr 13 '21 at 02:15
Getting `FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory` – fabpico Apr 11 '22 at 13:01

Arthur Levoyer · Answer 3 · 2019-09-26T15:09:39.897

You can disable generation of source maps as described in https://create-react-app.dev/docs/advanced-configuration

Indeed as per the documentation:

When set to false, source maps are not generated for a production build. This solves out of memory (OOM) issues on some smaller machines.

Which is the case when you got an Heap Out Of Memory error

To do so, create a .env file and add GENERATE_SOURCEMAP=false

score 11 · Answer 4 · answered Sep 06 '19 at 12:47

11

One line answer, run on terminal -> export NODE_OPTIONS=--max_old_space_size=4096

answered Sep 06 '19 at 12:47

Basavaraj Hadimani

1,094
12
21

score 1 · Answer 5 · answered Mar 09 '22 at 13:56

1

If you're using craco build just add the flag in like the below

craco --max_old_space_size=4096 build

answered Mar 09 '22 at 13:56

Joe Keene

2,175
21
27

score 0 · Answer 6 · answered Jun 15 '23 at 06:07

0

Add

ENV GENERATE_SOURCEMAP=false

in your docker file. This worked for me.

Thanks!

answered Jun 15 '23 at 06:07

Mahesh Ahire

41
3

Increase JavaScript Heap size in create-react-app project

6 Answers6

Linked

Related