<--- Last few GCs ---> [972:000001913A837320] 40900 ms: Mark-sweep 2049.2 (2066.3) -> 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) -> 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 <--- JS stacktrace ---> ==== JS stack trace ========================================= 0: ExitFrame [pc: 00007FF68A20B3BD] Security context: 0x002c4c9808d1 <JSObject> 1: _append [000002A11D9F9439] [D:\ReactProjects\plotlytest\myplotlysite\node_modules\@babel\generator\lib\buffer.js:~99] [pc=0000014BCF9DB744](this=0x03160f6401b1 <Buffer map = 000000A495510339>,0x02ab7a1c78c9 <String[#1]: >,151182,27,0x02ab7a1c01b9 <null>,0x02ab7a1c04b1 <undefined>,0x02ab7a1c06e9 <false>) 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.Arriba está el error que estoy recibiendo. Seguí una configuración bastante estándar, idéntica a la que figura en este sitio:https://github.com/plotly/react-plotly.js/blob/master/README.md
Creé una aplicación de reacción. Cuando creo una aplicación de reacción y "npm start" el host local funciona perfectamente bien. Este error ocurre cuando hago el siguiente paso:
"npm install react-plotly.js plotly.js" después de hacer esto, el host local ya no funciona y aparece este error.
¿Cómo puedo arreglar esto?
Por cierto, tengo curiosidad, ¿por qué sigue existiendo este error durante tantos años? ¿La trama no es buena para reaccionar o algo así?
Hay un par de problemas informados con respecto a este problema exacto en el seguimiento de problemas del repositorio, como:
En estos problemas, vemos claramente que se trata de un problema con NodeJS <= 10 problema de asignación de memoria y hay varias soluciones para esto:
El nodo> = 12 aumenta los tamaños de almacenamiento dinámico automáticamente y funcionará. Le sugiero que instale Node Version Manager (nvm) para Windows , que le permitirá instalar y cambiar rápida y fácilmente entre múltiples versiones de nodos.
max_old_space_size a los scripts de React Aumente el tamaño del almacenamiento dinámico usando max_old_space_size agregando esta opción con un tamaño de memoria en el script package.json :
"scripts": { ... "start": "react-scripts --max_old_space_size=4096 start", "build": "react-scripts --max_old_space_size=4096 build", ... }Paquetes parciales
A partir de
v1.15.0, plotly.js también se envía con varios paquetes parciales:
- básico
- cartesiano
- geo
- ...
A partir de
v1.39.0, cada paquete parcial plotly.js tiene un paquete npm correspondiente sin dependencias.A partir de
v1.50.0, la versión minimizada de cada paquete parcial también se publica en npm en un paquete "dist min" separado.plotly.js básico
El paquete parcial básico contiene módulos de rastreo de dispersión, barra y pastel.
Puede cargar la biblioteca desde plotly.js-basic-dist , que está compilada y consumirá menos memoria al agruparla:
import React from "react"; // import Plot from "react-plotly.js"; import Plotly from "plotly.js-basic-dist"; import createPlotlyComponent from "react-plotly.js/factory"; const Plot = createPlotlyComponent(Plotly);