Can't visit the deployed website in Chrome browser. #77
Description
Hi Takuya,
Thank you first for sharing the source codes of your homepage, I modified some codes and deployed my homepage through Vercel. But I can't visit the page only in Chrome browser, and the Min browser and Safari browser worked correctly.
The error message: Application error: a client-side exception has occurred (see the browser console for more information).
I have searched for many solutions and asked GPTs for help, none of them worked, so I create an issue for helpful advices.
Here is my homepage url: https://zicx.top
Below is the console log:
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
3fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
2fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: Error creating WebGL context.
WebGLRenderer @ fb7d5399.cfc4291a7fe62109.js:186
framework-fae63b21a27d6472.js:9 Error: Error creating WebGL context.
at new WebGLRenderer (fb7d5399.cfc4291a7fe62109.js:186:127544)
at 560.aa1e99cd42695d2e.js:1:623
at Qj (framework-fae63b21a27d6472.js:9:84132)
at Hk (framework-fae63b21a27d6472.js:9:113131)
at framework-fae63b21a27d6472.js:9:111515
at Pk (framework-fae63b21a27d6472.js:9:111581)
at Ek (framework-fae63b21a27d6472.js:9:96250)
at jg (framework-fae63b21a27d6472.js:9:44901)
at framework-fae63b21a27d6472.js:9:93615
Li @ framework-fae63b21a27d6472.js:9
main-22b029abc2beadb0.js:1 Error: Error creating WebGL context.
at new WebGLRenderer (fb7d5399.cfc4291a7fe62109.js:186:127544)
at 560.aa1e99cd42695d2e.js:1:623
at Qj (framework-fae63b21a27d6472.js:9:84132)
at Hk (framework-fae63b21a27d6472.js:9:113131)
at framework-fae63b21a27d6472.js:9:111515
at Pk (framework-fae63b21a27d6472.js:9:111581)
at Ek (framework-fae63b21a27d6472.js:9:96250)
at jg (framework-fae63b21a27d6472.js:9:44901)
at framework-fae63b21a27d6472.js:9:93615
renderError @ main-22b029abc2beadb0.js:1
main-22b029abc2beadb0.js:1 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
renderError @ main-22b029abc2beadb0.js:1
_app-06a948e48c6a594f.js:20 [Vercel Web Analytics] Failed to load script from /_vercel/insights/script.js. Be sure to enable Web Analytics for your project and deploy again. See https://vercel.com/docs/analytics/quickstart for more information.
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
3fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
2fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff, GL_VENDOR = Google Inc. (Google), GL_RENDERER = ANGLE (Google, Vulkan 1.3.0 (SwiftShader Device (LLVM 10.0.0) (0x0000C0DE)), SwiftShader driver-5.0.0), GL_VERSION = 5.0.0, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = BindToCurrentSequence failed: .
onContextCreationError @ fb7d5399.cfc4291a7fe62109.js:186
fb7d5399.cfc4291a7fe62109.js:186 THREE.WebGLRenderer: Error creating WebGL context.
WebGLRenderer @ fb7d5399.cfc4291a7fe62109.js:186
framework-fae63b21a27d6472.js:9 Error: Error creating WebGL context.
at new WebGLRenderer (fb7d5399.cfc4291a7fe62109.js:186:127544)
at 560.aa1e99cd42695d2e.js:1:623
at Qj (framework-fae63b21a27d6472.js:9:84132)
at Hk (framework-fae63b21a27d6472.js:9:113131)
at Ek (framework-fae63b21a27d6472.js:9:95988)
at jg (framework-fae63b21a27d6472.js:9:44901)
at framework-fae63b21a27d6472.js:9:111575
at Pk (framework-fae63b21a27d6472.js:9:111581)
at Gk (framework-fae63b21a27d6472.js:9:94992)
at J (framework-fae63b21a27d6472.js:33:1364)
Li @ framework-fae63b21a27d6472.js:9
main-22b029abc2beadb0.js:1 Error: Error creating WebGL context.
at new WebGLRenderer (fb7d5399.cfc4291a7fe62109.js:186:127544)
at 560.aa1e99cd42695d2e.js:1:623
at Qj (framework-fae63b21a27d6472.js:9:84132)
at Hk (framework-fae63b21a27d6472.js:9:113131)
at Ek (framework-fae63b21a27d6472.js:9:95988)
at jg (framework-fae63b21a27d6472.js:9:44901)
at framework-fae63b21a27d6472.js:9:111575
at Pk (framework-fae63b21a27d6472.js:9:111581)
at Gk (framework-fae63b21a27d6472.js:9:94992)
at J (framework-fae63b21a27d6472.js:33:1364)
renderError @ main-22b029abc2beadb0.js:1
main-22b029abc2beadb0.js:1 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
It seems like the three.js not worked as normal, but I can't find the reasons related to the Chrome browser. :(