Error creating WebGL context. Three js chrome?

Question

Hi I'm getting the error

Error creating WebGL context.
Uncaught TypeError: Cannot read property 'getExtension' of null

This is happening on google chrome 71 but I find it odd because if I open up dev tool and refresh the page it works perfectly fine I'm at a loss to what is causing this any idea's ?

It's worked perfectly fine untill today nothing has changed on the PC or browser. My drivers are all up to date, webgl is enabled...

Answer 1

The fix for me was manually enabling WebGL acceleration under Chrome’s feature flags: chrome://flags/

Answer 2

I have encountered this several times with THREE.js. It arises for me once memory resources are shared, abandoned, or overwhelmed, for example:

1. I have a good render loop but then I introduce long tasks.
2. I perform extensive, continuous testing. As I modify live settings in Chrome Inspector, THREE does not reflect all changes without fail. Memory may not be released until I restart.
3. I leave the program running overnight. The next morning the browser is froze, black, OOM...
4. I use multiple instances of a resource, for example Web Audio and Magenta Music. The quality may perceptibly degrade and throw its own errors, but... I will also encounter worse silent errors. For example when I also steam music in another tab, or click audio/video media on Twitter... frozen browser, black screen, WebGL context loss.

Answer 3

if you have two GPU installed on your system you might want to try to enable Override software rendering list in chrome://flags/

Answer 4

I updated my graphic drivers (NVIDIA) and didn't restart chrome nor the PC, and was having this issue.

I just restarted the PC and now it's fine.