Three.js: WebGL 컨텍스트 생성 오류

시스템 사양을 공유해야 합니다. (CPU, OS, 그래픽 카드 모델, 드라이버 버전, 브라우저...)

AMD FX-4130, Win 7 빌드 7600, GeForce GTX 650 실행 9.18.13.2018, Chrome 35.0.1916.153 m.
약 일주일 전에는 상황이 좋았습니다. 2013년 5월부터 웹사이트를 운영하고 있습니다.

최신 드라이버? 다른 브라우저에서 시도했습니까?

제 말은, 작동하던데 코드를 변경하지 않았다면 아마도 OS, 브라우저 및/또는 그래픽 드라이버와 관련된 문제일 것입니다...

Windows의 최신 개발자 채널 Chrome이 업데이트 후 재미있는 일을 하고 있다고 생각합니다. 방금 업데이트한 후 threejs는 어떤 예제에서도 webgl 컨텍스트를 만들 수 없습니다. 업데이트 직전에 제대로 작동했습니다.

Chrome 버전 37.0.2054.2 dev-m(64비트)
Windows 8.1 64비트
ATI 라데온 HD 6800 시리즈
ATI 드라이버 패키징 버전 14.10.1006-140417a-171099C

chrome://gpu 쇼
"WebGL: 사용할 수 없습니다. 하드웨어 가속을 사용할 수 없습니다"
또한 --disable-gpu 플래그가 chrome.exe에 전달되었음을 보여줍니다!

모든 chrome.exe 프로세스를 종료하고 chrome.exe를 직접 실행하여(C:\Program Files (x86)Google\ChromeApplication에서) 이 문제를 해결하는 것 같습니다. 플래그가 전달되지 않는지 확인하려면 바로 가기를 확인하세요.

같은 문제가 아닐 수도 있지만 업데이트 후 이 문제가 표시되면 먼저 확인하세요.

시도해 보고 다시 연락드리겠습니다. 여기서도 이 문제를 보았습니다 - http://japhr.blogspot.in/2014/05/webgl-in-chrome-36-linux-is-not-working.html

감사 해요

이제 모든 것이 정상으로 돌아왔습니다. Chrome이 업데이트되었을 때 문제가 해결된 것 같습니까? 대부분의 사람들은 이 문제에 직면하지 않았습니다. 아마도 소수에 불과했을 것입니다. 그래도 Chrome은 이와 같은 문제를 해결해야 합니다.
이 문제를 닫을 수 있을 것 같습니다.
감사 해요

Chrome을 다시 시작하면 이 문제가 해결되었습니다.

내 크롬 버전 37.0.2062.120(64비트)을 다시 시작한 후에도 여전히 문제가 있습니다. 이 문제를 해결하는 데 도움을 주세요.

그리고 우분투 리눅스 13.04에서

Linux용 최신 Chrome은 39.0.2171.95입니다.

Ubuntu 14.10의 최신 버전인 39.0.217.95(64비트)와 동일한 문제(WebGL 컨텍스트 생성 오류)가 있습니다.

이 스레드를 부활시켜 죄송하지만 동일한 문제(WebGL 컨텍스트 생성 오류, null의 getExtension 속성을 읽을 수 없음), Chrome 47.0.2526.106(64), Ubuntu 15.10, 전용 GPU의 nVidia Optimus(three.js가 실행되지 않음)가 있습니다. 통합으로 설정하면 전혀). 나는 일반적으로 Firefox를 사용하기 때문에 별로 신경 쓰지 않지만 다른 사람들은 Chrome으로 테스트하는 것을 방해할 수 있습니다.

Dev 채널과 Canary 모두에서 동일한 문제가 몇 주 동안 발생했습니다. three.js는 FF에서는 작동하지만 Chrome에서는 작동하지 않습니다. 나는 주로 Chrome을 사용하기 때문에 꽤 큰 문제입니다.

Chrome 49.0.2609.0 카나리아(64비트), 49.0.2593.0 dev-m(64비트), Windows 8.1, nVidia Optimus

@jwlarocque @GameKyuubi

이러한 상황에서는 https://get.webgl.org/ 를 확인하는 것이 가장 좋습니다

네, 거기가 고장났습니다. 이런 문제가 생긴다니 정말 이상하다
너무 오랫동안 눈에 띄지 않았습니다.
2016년 1월 2일 오후 5시 9분에 "Mr.doob" [email protected]에 다음과 같이 썼습니다.

@jwlarocque https://github.com/jwlarocque @GameKyuubi
https://github.com/GameKyuubi

이러한 상황에서는 https://get.webgl.org/ 를 확인하는 것이 가장 좋습니다
페이지가 작동하지 않습니다. three.js가 이에 대해 할 수 있는 일은 없습니다.
대신 Google/Chrome에 문제를 보고해야 합니다.

—
이 이메일에 직접 답장하거나 GitHub에서 확인하세요.
https://github.com/mrdoob/three.js/issues/4927#issuecomment -168372764.

Nvidia GPU 전환이 있는 Mac에서 gfxCardStatus를 사용하여 GPU 스위치 동작을 수정하면 Chrome을 종료하고 다시 열 때까지 Chrome이 컨텍스트 생성에 실패할 수 있다는 점을 지적하고 싶습니다. 이것이 이 특정 시스템에서 문제를 명시할 수 있는 한 가지 방법입니다.

이것은 로그아웃/재부팅으로 종종 꽤 잘 해결할 수 있는 유형의 문제입니다.

크롬 설정에서 이 옵션이 선택되어 있는지 확인하십시오.

네, 전혀 문제가 되지 않습니다. 항상 확인했지만 가장 최근의 Chrome Canary 업데이트와 최신 NVIDIA 드라이버를 사용해도 문제가 여전히 지속됩니다.

이것은 Three.js 앱을 집중적으로 테스트한 후 무작위로 발생한 것 같습니다. 어느 순간 모든 것이 제대로 렌더링되었지만 이제는 WebGL 컨텍스트를 로드할 수 없습니다. 하드웨어 가속은 설정에서 켜져 있습니다. 그러나 chrome://gpu에서 :

래스터화: 소프트웨어 전용. 하드웨어 가속 비활성화됨
캔버스: 소프트웨어 전용, 하드웨어 가속 사용 불가

어떤 아이디어?

Linux에서도 이 문제가 발생합니다. Chrome을 다시 시작해도 문제가 해결되지 않습니다.

"WebGL 컨텍스트를 만드는 동안 오류가 발생했습니다."라는 동일한 오류가 발생합니다. Chrome 50.0.2661.75m(64비트)/Windows 7에서
Firefox에서 동일한 페이지를 로드하는 데 문제가 없기 때문에 드라이버는 괜찮을 것입니다.

@JamesMilnerUK 여기에서 동일한 문제가 발생했습니다. 많은 콜라다 모델을 로드하고 브라우저가 충돌할 때까지 정지되어 이제 더 이상 WebGL 컨텍스트를 얻을 수 없습니다. Chrome을 닫거나 다시 열어도 문제가 해결되지 않았습니다. 해결책을 찾을 수 있었습니까?

편집: 수정 사항을 찾았습니다. 하드웨어 가속을 선택 취소하고 다시 시작하고 다시 확인하고 다시 시작해야 했습니다.

Chrome을 다시 시작하고 Mac을 다시 시작하여 시작됨

Mac - Chrome - 버전 52.0.2743.116(64비트) - 확인

Mac - Chrome 카나리아 - 버전 55.0.2850.0 카나리아(64비트) - 실패

THREE.WebGLRenderer: Error creating WebGL context.WebGLRenderer @ three.js:19571
Uncaught TypeError: Cannot read property 'getExtension' of null
    at Object.get (three.js:16906)
    at new WebGLRenderer (three.js:19577)
    at init ((index):59)
    at (index):54

                    case 'WEBGL_depth_texture':
                        extension = gl.getExtension( 'WEBGL_depth_texture' ) || gl.getExtension( 'MOZ_WEBGL_depth_texture' ) || gl.getExtension( 'WEBKIT_WEBGL_depth_texture' );
                        break;

나는 chrome://flags/ 시도하고 이것을 활성화했습니다:

WebGL Draft Extensions Mac, Windows, Linux, Chrome OS, Android
이 옵션을 활성화하면 웹 애플리케이션이 아직 초안 상태인 WebGL 확장에 액세스할 수 있습니다.

그래도 운이 없다...

카나리아? Chromium 프로젝트에 회귀를 보고해야 할 것입니다.

성!!!

내 Chrome 자동 업데이트됨 - 마구간이 53.0.2785.101에 있고 작동이 중지되었습니다. 그래서 저도...

편집하다:

버그 신고: https://bugs.chromium.org/p/chromium/issues/detail?id=645390

저에게도 마찬가지입니다. 내 GPU(Intel HD 3000)가 이제 Chrome에서 블랙리스트에 있다는 것을 알았습니다(chrome://gpu/에서 확인). chrome://flags/로 이동 하여 --ignore-gpu-blacklist 플래그를 활성화했습니다. 이제 모든 것이 정상으로 돌아왔습니다.

Chrome은 릴리스 사이에 블랙리스트에 드라이버를 추가하는 경우가 있습니다. 내 삼성 갤럭시 s6에는 webgl 1개월이 없었고 다음 달에는 크롬이 블랙리스트에서 제거했기 때문에 웹글이 추가되었습니다. 상황이 다른 방향으로도 갈 수 있습니다. 당신은 자신의 위험에 블랙리스트를 무시할 수 있습니다. 나는 내 전화로 그것을 무시했고 모든 것이 _잘_ 작동했습니다.

즉 + firefox가 작동했고 chrome 최신은 내 개발자 중 하나가 아닙니다. 시스템, 2011년 카드용 최신 Nvideo Quadro 드라이버...
Chrome의 고급 설정으로 이동하여 수정됨 - 하드웨어 Acc 사용 GFX가 선택 해제되어 확인되었습니다 - 다시 시작되어 이제 작동 중입니다.

플래시가 그리워요 :-( - 최종 사용자가 이 번거로움을 겪을 것이라고 기대할 수 없습니다.

Chrome에서 알 수 없는 시간이 지난 후에도 동일한 예외가 발생합니다. 아주 가끔 발생하고 전체 화면 장면일 때만 나타나는 것 같지만 지금까지 찾을 수 있는 문제를 해결할 수 있는 유일한 방법은 브라우저를 다시 시작하는 것입니다. 이는 공개 사이트에서는 충분하지 않습니다! 꽤 오랫동안 컨텍스트를 만들 수 있지만 new THREE.WebGLRenderer() 다시 시도하면 갑자기 실패하므로 블랙리스트에 있는 gfx 카드 때문일 수 없습니다. 임시로 재현할 수는 없지만 수정하는 것이 사실상 불가능합니다. 근본 원인을 추적하는 방법에 대한 아이디어가 있는 사람이 있습니까?

하드웨어 가속이 활성화되었습니다.

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

네, 지금 저에게도 일어나고 있습니다 - Macbook Pro OS 10.11.5의 Chrome

@deejbee @cindyloo 하드웨어 정보를 공유할 수 있다면 도움이 될 것입니다.

@mrdoob Win10을 실행하는 Intel HD Graphics 530입니다. 드라이버 버전은 4.4.0 빌드 10.18.15.4279입니다. Dell Optiplex 7040입니다.

GPU Caps Viewer v1.31.1.0 보고서

여기도 마찬가지

이러한 경우 CanvasRenderer에서 대체할 수 있습니까?

도대체, 현재 크롬이 설치된 Win10에서 이런 일이 벌어지고 있습니다. 이 문제를 해결하는 방법에 대한 새로운 힌트가 있습니까? Internet Explorer에서도 작동합니다 :)

@alberto2000 어떤 GPU가 있습니까?

@mrdoob 그것은 Radeon 카드였으며 드라이버를 다시 설치하면 해결되었습니다.

이것도 자주가 아니라 가끔 받습니다.

OS
맥 OS 10.11.6
브라우저
크롬 54.0.2840.98

2017년에 이 글을 읽는 누군가를 위해 저는 고성능 GPU가 항상 인계하도록 강제로 절전 자동 그래픽 카드 전환을 비활성화하여 MacBook Pro Late 2011에서 이 문제를 해결했습니다.

나는 이것이 우리 서버 로그에서 들어오는 것을 여전히 보고 있습니다. 가장 최근의 출처:
운영 체제: 윈도우 10
브라우저: 크롬 55.0.2883.87

참고: 우리는 릴리스 r74를 실행 중입니다(최근 해결된 포그 문제가 새 릴리스로 병합될 때까지 👍)

참고: 우리는 릴리스 r74를 실행 중입니다(최근 해결된 포그 문제가 새 릴리스로 병합될 때까지 👍)

어떤 안개 문제?

이 안개 문제 :) https://github.com/mrdoob/three.js/issues/10582

아, 알겠습니다!

크롬의 고급 설정에서 "가능한 경우 하드웨어 가속 사용"을 켜면 문제가 해결되었습니다.

내가 사용하는 오류 추적 시스템에서 이 오류 팝업을 보았습니다. 도움이 되는 경우 추적기에 의해 캡처된 버그가 있는 사용자에 대한 시스템 정보는 다음과 같습니다.

사용자 에이전트: Mozilla/5.0(Macintosh, Intel Mac OS X 10_12_3) AppleWebKit/537.36(Gecko와 같은 KHTML) Chrome/56.0.2924.87 Safari/537.36
OS: 맥 OS X 10.12.3
브라우저: 크롬 56.0.2924

다음은 오류 추적기가 콘솔에서 포착한 내용입니다.

THREE.WebGLRenderer 84
THREE.WebGLRenderer: Error creating WebGL context.
TypeError: Cannot read property 'getExtension' of null

해당 시스템 정보에는 완전히 유용한 그래픽 카드 세부 정보가 없습니다.

그래픽 카드: Intel HD Graphics 4000 1024MB

이 오류가 발생한 사용자와 대화할 수 있었고 위의 그래픽 카드 정보를 전달했습니다. 도움이 되기를 바랍니다! 감사합니다!

@kenrussell Intel HD Graphics 4000이 지원됩니까? 사실, 블랙리스트 그래픽 카드의 공개 목록이 있습니까?

@mrdoob 아니요, Intel HD 4000은 블랙리스트에 없습니다.

이와 같은 문제를 진단하려면 about:gpu 의 내용이 필요합니다(일반 텍스트가 선호됨, 그냥 복사/붙여넣기만 하면 됨).

카드가 블랙리스트에 있는 경우 해당 페이지에 이유가 설명되어 있습니다.

이 두 파일은 블랙리스트에 포함된 GPU와 드라이버 버그 해결 방법이 적용된 GPU를 설명합니다.

https://cs.chromium.org/chromium/src/gpu/config/software_rendering_list_json.cc

https://cs.chromium.org/chromium/src/gpu/config/gpu_driver_bug_list_json.cc

리팩토링이 진행 중이므로 이 두 파일은 다음 주 또는 2주 내에 동일한 디렉토리에 있는 .json 파일로 대체될 수 있습니다. http://crbug.com/691703을 참조

나는 같은 오류가 있습니다 ...
Intel HD 2000이 Chrome 58.0.3029.81(64비트), Ubuntu 14.04에서 블랙리스트에 있는 것 같습니다.
chrome://flags/ --ignore-gpu-blacklist 를 설정했습니다. 잘 작동합니다.

다른 각도에서 이것을 보는 누군가에게 도움이 된다면. 테스트를 시도할 때 3개의 비트와 밥이 포함된 반응 구성 요소를 마운트하려고 하면 이 오류가 발생합니다.

당분간 테스트 불가로 하고 있습니다.

@YoneMoreno 문제에 Error creating WebGL context. 가 표시되지 않습니다. 같은 문제가 있다고 생각하는 이유는 무엇입니까?

이게 왜 닫혀있나요? 많은 사람들이 여전히 이 문제를 겪고 있는 것 같습니다.

@nicolethenerd 불행히도 우리가 도서관에서 할 수 있는 일은 없습니다.

더 유용한 오류 메시지를 추가할 수 있습니다. 이 스레드를 훑어보면 실제로 해결 방법이 무엇인지 이해하기 어렵습니다. 사람들은 몇 가지 다른 플래그를 변경하여 이 문제를 해결했다고 주장합니다.

솔루션이 오류 메시지에 들어갈 수 있는 것보다 더 복잡한 경우 문제를 설명하고 브라우저에 따라 설정할 플래그를 권장하는 FAQ 페이지로 연결되는 메시지 링크를 제공합니다.

라이브러리 수정으로 해결할 수 없는 일반적인 오류인 경우 데모 사이트의 FAQ 섹션에 추가할 수 있습니까?

@nicolethenerd 제 기억이 켜야 했던 것은 Chrome의 하드웨어 가속 플래그였습니다.

그래픽 카드는 컨텍스트를 생성할 수 없는 이유 중 하나일 뿐입니다. 우리는 오해의 소지가 있는 메시지를 추가하고 싶지 않습니다.

이유를 모으기 시작할 수도 있습니다.

그러나 사용자에게 블랙리스트를 비활성화하는 것을 권장해서는 안 됩니다. 이러한 그래픽 카드가 블랙리스트에 오른 것은 버그 및/또는 보안상의 이유로 인한 것입니다.

WebGL 장면이 동시에 열려 있는 탭이 너무 많을 때 이 응답을 보았습니다.

Version 72.0.3626.121 (Official Build) Arch Linux (64-bit) 와 같은 오류가 발생했습니다. 동일한 OS에서 Firefox 65.0.1과 함께 작동합니다.

GPU: 엔비디아 2080TI.

크롬 설정에서 이 옵션이 선택되어 있는지 확인하십시오.

크롬 설정을 다시 실행하면 WebGL이 이전과 같이 올바르게 작동합니다.
좋은 답변입니다.

오류: WebGL 컨텍스트 생성 실패: WebGL 생성 실패:

• GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS: 0은 < 8입니다!

나는 Firefox 74에서 이것을 얻고 있습니다. 구성에서 webgl.force-enabled=true를 강제로 설정하고 하드웨어 가속을 활성화했습니다. 66에서는 잘 작동했지만 "양자"업데이트가 webgl을 포함하여 거의 모든 곳에서 망친 것 같습니다.

리스너에서 WebGL 컨텍스트 이니셜라이저를 호출하고 있지 않은지 확인하십시오(예: gl이 전역 변수로 반복되거나 지정되지 않도록 하기 위해 부울 플래그를 사용하여 init 함수 내에서 작성해 보십시오). 전자는 나를 위해 일했고 컨텍스트를 올바르게 표시합니다.

편집: 실제로 렌더러(THREE.WebGLRenderer) 내부에서 WebGL 캔버스를 찾았습니다. 나는 캔버스 메소드 renderer.getContext().canvas를 사용하고 webglcontextlost 리스너를 추가했는데, 이것은 차례로 init()와 함께 handleContextLost 함수를 호출했습니다.

function handleContextLost() {
    event.preventDefault();
    cancelAnimationFrame(requestId)
    init();
}

canvas.addEventListener("webglcontextlost", handleContextLost, false)