¿Cómo puedo importar cytoscape.js en mi proyecto npm ESM?
Las versiones que uso son: npm: '8.1.4', nodo: '14.15.3'.
Mi paquete.json define que quiero hacer ESM: "type": "module",
La documentación de cytoscape.js establece lo siguiente:
Para instalar Cytoscape.js a través de npm:
npm install cytoscapePara usar Cytoscape.js en un entorno ESM con npm (p. ej., Webpack o Node.js con el paquete esm):
import cytoscape from 'cytoscape';
Seguí las instrucciones. Sin embargo, la importación da como resultado el error:
Uncaught SyntaxError: The requested module './../../node_modules/cytoscape/dist/cytoscape.cjs.js' does not provide an export named 'default'
Bueno, eso es correcto ya que se cargó la versión commonjs. Pero en un entorno ESM, se debe cargar cytoscape.esm.js en lugar de cytoscape.cjs.js . Sin embargo, node_modules/cytoscape/package.json dice que use la versión commonjs: "main": "dist/cytoscape.cjs.js",
Entonces traté de importar la versión ESM directamente en mi código:
import cytoscape from './../../node_modules/cytoscape/dist/cytoscape.esm.js';
Cytoscape.js ahora está importado. Sin embargo, aparece el error de seguimiento en un paquete dependiente:
Uncaught SyntaxError: The requested module './../../heap/index.js' does not provide an export named 'default' en la línea cytoscape.esm.js:24
Estoy un poco atascado ahora. Otras preguntas relacionadas no ayudaron hasta ahora. Estaré encantado de cualquier sugerencia o incluso solución. ¡Gracias por adelantado!