Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

Learn More

Firefox NS_ERROR_FAILURE when rendering large number of nodes using flowchart library

  • 답글 없음
  • 1 이 문제를 만남
  • 2 보기
more options

I am testing react applications which draws large number of nodes on Canvas through a flowchart library called cytoscape cytoscape. As the number of node gets big, the rendering slows down. This is expected due to performance limitation of the browser. However, there is an unexpected error: the browser breaks with "NS_ERROR_FAILURE" whenever we zoom-in too close to the graph that is drawn.

As the website breaks with this error, the graph disappears and the user experience is compromised. I want to know if there is a way to prevent this error from happening. Slow rendering is not a critical issue but this breakage is a critical problem for us. Let me know if you know the workaround or you need more context about this issue.

Here is the error message. I attached what the graph looks like. Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 329063, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:329063:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:329160:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:329202:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:329881:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:331719:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327973:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\n" } </p>

I am testing react applications which draws large number of nodes on Canvas through a flowchart library called [https://js.cytoscape.org/ cytoscape] cytoscape. As the number of node gets big, the rendering slows down. This is expected due to performance limitation of the browser. However, there is an unexpected error: the browser breaks with "NS_ERROR_FAILURE" whenever we zoom-in too close to the graph that is drawn. As the website breaks with this error, the graph disappears and the user experience is compromised. I want to know if there is a way to prevent this error from happening. Slow rendering is not a critical issue but this breakage is a critical problem for us. Let me know if you know the workaround or you need more context about this issue. Here is the error message. I attached what the graph looks like. Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 329063, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:329063:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:329160:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:329202:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:329881:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:331719:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327973:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:301722:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:301749:10\nrenderFn@http://localhost:3000/static/js/bundle.js:328000:26\n" }
첨부된 스크린샷

글에 답글을 달기 위해서는 계정으로 로그인해야만 합니다. 계정이 아직 없다면 새로운 질문을 올려주십시오.