创建WebGL上下文时出错。三个js Chrome？

Question

嗨，我收到了错误消息

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

这是在google chrome 71上发生的，但我觉得很奇怪，因为如果我打开开发工具并刷新页面，它就可以很好地工作，我不知是什么原因导致了这个主意？

运行良好，直到今天PC或浏览器上没有任何变化。我的驱动程序都是最新的，已启用webgl ...

Answer 1

如果您的系统上安装了两个 GPU，您可能想尝试启用 覆盖软件渲染列表 在 chrome://flags/

Answer 2

我的修复是在 Chrome 的功能标志下手动启用 WebGL 加速：chrome://flags/

Answer 3

我将其留在这里，显然是浏览器和图形卡问题

  

mrdoob：图形卡只是上下文的原因之一   无法创建

https://github.com/mrdoob/three.js/issues/4927

这似乎就是为什么除非其他人有其他想法... 该问题仍在持续且尚未解决，很有趣的是为什么会发生这种情况以及为什么打开开发工具并刷新为我解决了这个问题。

Answer 4

我只是想评论一下，我之所以看到这一点，是因为我的应用程序中首先抛出了其他不相关的错误。

Answer 5

通过简单地安装最新版本并重新启动我的浏览器，我就解决了这个问题——我想我会把它添加到这里，希望能避免像我一样浪费一个小时的未来。

Answer 6

我在使用 THREE.js 时遇到过多次这种情况。一旦内存资源被共享、放弃或不堪重负，我就会出现这种情况，例如：

1. 我有一个很好的渲染循环，但随后我引入了长任务。
2. 我进行广泛的、持续的测试。当我在 Chrome Inspector 中修改实时设置时，THREE 并不能无误地反映所有更改。在我重新启动之前可能不会释放内存。
3. 我让程序运行一夜之间。第二天早上浏览器死机，黑屏，OOM...
4. 我使用一个资源的多个实例，例如 网络音频和洋红色音乐。质量可能会明显下降和 抛出自己的错误，但是……我也会遇到更糟的沉默 错误。例如，当我还在另一个标签中蒸汽音乐时，或单击 Twitter 上的音频/视频媒体...冻结浏览器、黑屏、WebGL 上下文丢失。