title: Getting an out of memory error while using Create React App and Plotly.js
body: <pre><code>&lt;--- Last few GCs ---&gt;
  
  [972:000001913A837320]    40900 ms: Mark-sweep 2049.2 (2066.3) -&gt; 2047.3 (2059.3) MB, 2062.9 / 0.1 ms  (+ 179.6 ms in 113 steps since start of marking, biggest step 8.9 ms, walltime since start of marking 2512 ms) (average mu = 0.153, current mu = 0.107) [972:000001913A837320]    42835 ms: Mark-sweep 2048.8 (2059.3) -&gt; 2047.7 (2057.8) MB, 1845.1 / 0.0 
  ms  (+ 81.8 ms in 23 steps since start of marking, biggest step 9.0 ms, walltime since start of marking 1935 ms) (average mu = 0.084, current mu = 0.004) al
  
  &lt;--- JS stacktrace ---&gt;
  
  ==== JS stack trace =========================================
  
      0: ExitFrame [pc: 00007FF68A20B3BD]
  Security context: 0x002c4c9808d1 &lt;JSObject&gt;
      1: _append [000002A11D9F9439] [D:\ReactProjects\plotlytest\myplotlysite\node_modules\@babel\generator\lib\buffer.js:~99] [pc=0000014BCF9DB744](this=0x03160f6401b1 &lt;Buffer map = 000000A495510339&gt;,0x02ab7a1c78c9 &lt;String[#1]:  &gt;,151182,27,0x02ab7a1c01b9 &lt;null&gt;,0x02ab7a1c04b1 &lt;undefined&gt;,0x02ab7a1c06e9 &lt;false&gt;)
      2: append [000002A11D9F9391] [D:\ReactPro...
  
  FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
   1: 00007FF6895F5EBF napi_wrap+114095
   2: 00007FF6895A0B46 v8::base::CPU::has_sse+66998
   3: 00007FF6895A1946 v8::base::CPU::has_sse+70582
   4: 00007FF689DB6E4E v8::Isolate::ReportExternalAllocationLimitReached+94
   5: 00007FF689D9EF21 v8::SharedArrayBuffer::Externalize+833
   6: 00007FF689C6B18C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1436
   7: 00007FF689C763C0 v8::internal::Heap::ProtectUnprotectedMemoryChunks+1312
   8: 00007FF689C72EE4 v8::internal::Heap::PageFlagsAreConsistent+3204
   9: 00007FF689C686E3 v8::internal::Heap::CollectGarbage+1283
  10: 00007FF689C66D54 v8::internal::Heap::AddRetainedMap+2452
  11: 00007FF689C8809D v8::internal::Factory::NewFillerObject+61
  12: 00007FF6899EE06F v8::internal::interpreter::JumpTableTargetOffsets::iterator::operator=+1295
  13: 00007FF68A20B3BD v8::internal::SetupIsolateDelegate::SetupHeap+546637
  14: 0000014BCF9DB744
  npm ERR! code ELIFECYCLE
  npm ERR! errno 134
  npm ERR! myplotlysite@0.1.0 start: `react-scripts start`
  npm ERR! Exit status 134
  npm ERR!
  npm ERR! Failed at the myplotlysite@0.1.0 start script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  </code></pre>
  <p>Above is the error I am recieving. I followed a pretty standard set-up, identical to the one listed on this site: <a href="https://github.com/plotly/react-plotly.js/blob/master/README.md" rel="nofollow noreferrer">https://github.com/plotly/react-plotly.js/blob/master/README.md</a></p>
  <p>I created a react app. When I create a react app and &quot;npm start&quot; the local host it works perfectly fine. This error occurs when I do the next step:</p>
  <p>&quot;npm install react-plotly.js plotly.js&quot; after I do this, the local host no longer works and I get this error.</p>
  <p>How can I fix this?</p>
  <p>By the way, I'm curious, why does this error still exist for so many years? Is plotly not well for react or something?</p>