npx create-react-app fatal error: JavaScript heap out of memory

Question

Tried creating a boiler plate for react app using npx create-react-app assessment

D:\React>create-react-app assessment

Creating a new React app in D:\React\assessment.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

[          ........] | reify:color-convert: timing reifyNode:node_modules/jest-validate/node_modules/color-convert Comp

#
# Fatal error in , line 0
# Fatal process out of memory: Zone
#
#
#
#FailureMessage Object: 000000888EBFA4C0[          ........] / reify:color-convert: timing reifyNode:node_modules/jest-s[          ........] / reify:color-convert: timing reifyNode:node_modules/jest-snapshot/node_modules/color-convert Comp
<--- Last few GCs --->

[7756:000001A77FCE9290]   304467 ms: Scavenge 239.7 (274.6) -> 239.1 (274.6) MB, 2.8 / 0.0 ms  (average mu = 0.996, current mu = 0.999) allocation failure
[7756:000001A77FCE9290]   306201 ms: Scavenge 239.8 (274.6) -> 239.3 (274.6) MB, 186.4 / 181.9 ms  (average mu = 0.996, current mu = 0.999) allocation failure
[7756:000001A77FCE9290]   307086 ms: Scavenge 240.1 (274.6) -> 239.6 (274.6) MB, 3.9 / 0.1 ms  (average mu = 0.996, current mu = 0.999) allocation failure


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 00007FF647760366]
    1: StubFrame [pc: 00007FF647761333]
    2: StubFrame [pc: 00007FF647732BAD]
Security context: 0x0364ad71a299 <JSObject>
    3: replace [00000364AD709699](this=0x03c776effa81 <String[175]\: [\x1b[7m          \x1b[27m\x1b[90m........\x1b[0m] / reify:color-convert: \x1b[32;40mtiming\x1b[0m \x1b[35mreifyNode:node_modules/jest-snapshot/node_modules/color-convert\x1b[0m Completed in 194645ms>,0x03b334...

FATAL ERROR: Committing semi space failed. Allocation failed - JavaScript heap out of memory

Aborting installation.
  npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting assessment/ from D:\React

Above traces are from CMD also tried with Admin rights, but still same issue. Also tried to clean NPM cache by npm clean cache --force but the issue still persist, if anybody can help on the same!!

Using node version 12.2.0 and npm version 7.20.0

MyRewards · Accepted Answer · 2021-07-17 19:42:51Z

2

This answer looks like it might be related.

Although, I'd suggest upgrading your version of NodeJS to the latest of 12.x or up to 14.x if possible first.

You'll also want to make sure you're getting the latest create-react-app as the issue could be with an older version of NodeJS conflicting with create-react-app.

After you've updated things, I'd use npx create-react-app assessments from the create-react-app guide to create your app to see how things go.

answered Jul 17, 2021 at 19:42

MyRewards

214 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

KickinEspresso Over a year ago

Yeah, it might be tough to troubleshoot some of the legacy node stuff. Upgrading and trying again probably is the best bet.

Collectives™ on Stack Overflow

npx create-react-app fatal error: JavaScript heap out of memory

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related