antvis/G6

Do you want to work on this issue?

You can request for a bounty in order to promote it!

GPU rendering in vanilla HTML results in error: TypeError: Cannot read properties of null (reading 'configureSwapChain') #5676

sloutsky posted onGitHub

Describe the bug

Hi,

When using 'gpuEnabled' : true inside vanilla-HTML, the graph rendering fails with: the following callstack:

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'configureSwapChain') at t.value (index.ts:377:35) at t.<anonymous> (index.ts:127:10) at p (regeneratorRuntime.js:45:16) at Generator.<anonymous> (regeneratorRuntime.js:133:17) at Generator.next (regeneratorRuntime.js:74:21) at n (asyncToGenerator.js:3:20) at s (asyncToGenerator.js:22:9)

I've used an example from https://g6.antv.vision/en/examples/net/gpuLayout/#basicFruchterman and placed it into a local HTML file (see attached g6-demo.zip), which resulted in the failure above.

Your Example Website or App

https://codesandbox.io/p/sandbox/wonderful-merkle-h29jhn?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clvcv91d400063j6f9qp1x2os%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clvcv91d300023j6f6tnap8i9%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clvcv91d300033j6f5txf7fvq%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clvcv91d300053j6f1nhse0hz%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clvcv91d300023j6f6tnap8i9%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clvcv91d300013j6f67svmqi7%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Findex.html%2522%257D%255D%252C%2522id%2522%253A%2522clvcv91d300023j6f6tnap8i9%2522%252C%2522activeTabId%2522%253A%2522clvcv91d300013j6f67svmqi7%2522%257D%252C%2522clvcv91d300053j6f1nhse0hz%2522%253A%257B%2522id%2522%253A%2522clvcv91d300053j6f1nhse0hz%2522%252C%2522activeTabId%2522%253A%2522clvcvca1p00513j6fk7txlpoz%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clvcv91d300043j6flf1zmdbr%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%252C%257B%2522type%2522%253A%2522SANDBOX_INFO%2522%252C%2522id%2522%253A%2522clvcvca1p00513j6fk7txlpoz%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%252C%2522clvcv91d300033j6f5txf7fvq%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clvcv91d300033j6f5txf7fvq%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Steps to Reproduce the Bug or Issue

1) Unzip attached file (g6-demo.zip) and extract g6-demo.html 2) Open the file using Edge / Chrome 3) Open developer tools and observe the error

Expected behavior

I expected the example to work and render using GPU

Screenshots or Videos

g6-demo.zip

Platform

  • OS: Windows 11
  • Browser: Edge
  • Version: Version 123.0.2420.81 (Official build) (64-bit)

Additional context

No response


Fund this Issue

$0.00
Funded
Only logged in users can fund an issue

Pull requests