Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Firefox NS_ERROR_FAILURE when rendering large number of nodes using flowchart library

  • Žiadne odpovede
  • 1 má tento problém
  • 6 zobrazení
more options

Hello Firefox!

I am a developer who is developing a web application using react. I made a data visualization flowchart that renders large number of nodes (around 1000 nodes) on Firefox.

Problem occurs whenever I zoom in too close on the flowchart or when I try rendering over 1000 nodes. The graph disappears with NS_ERROR_FAILURE message. I will attach the error and what it looks like.

My clients mostly use firefox. But this usecase works well in Safari which can render up to 5000 nodes without much issue.

I know that browsers have limitations on how much it can render. If you guys know the work around, a fix or if I'm doing something wrong please let me know.

Error message: Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 328116, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:328116:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:328213:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:328255:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:328934:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:330772:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327026:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\n" } </p>

Thank you very much for reading this.

Hello Firefox! I am a developer who is developing a web application using react. I made a data visualization flowchart that renders large number of nodes (around 1000 nodes) on Firefox. Problem occurs whenever I zoom in too close on the flowchart or when I try rendering over 1000 nodes. The graph disappears with NS_ERROR_FAILURE message. I will attach the error and what it looks like. My clients mostly use firefox. But this usecase works well in Safari which can render up to 5000 nodes without much issue. I know that browsers have limitations on how much it can render. If you guys know the work around, a fix or if I'm doing something wrong please let me know. Error message: Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 328116, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:328116:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:328213:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:328255:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:328934:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:330772:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327026:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\n" } Thank you very much for reading this.
Priložené obrázky

Ak chcete pridať odpoveď, musíte sa prihlásiť k svojmu účtu. Ak účet doteraz nemáte, položte novú otázku.