Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error:Application error: a client-side exception has occurred (see the browser console for more information). #485

Open
ChinaSaS opened this issue Feb 6, 2025 · 1 comment
Labels
bug Something isn't working

Comments

@ChinaSaS
Copy link

ChinaSaS commented Feb 6, 2025

页面无限刷新,F12报错信息

6068-e4e1738bad18ce08.js:1233 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
console.error @ 6068-e4e1738bad18ce08.js:1233
ee @ main-5ad2bda02fc6e82f.js:1
fn @ main-5ad2bda02fc6e82f.js:1
componentDidCatch @ main-5ad2bda02fc6e82f.js:1
a.componentDidCatch.t.callback @ framework-eb13d66baf02d062.js:1
lX @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oC @ framework-eb13d66baf02d062.js:1
r8 @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
_app-942e7767c2933638.js:20 GET https://*/api/trpc/tags.list?input=%7B%22json%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D 401
ec @ _app-942e7767c2933638.js:20
async function(异步)

ec @ _app-942e7767c2933638.js:20
ed @ _app-942e7767c2933638.js:20
es @ _app-942e7767c2933638.js:20
ep @ _app-942e7767c2933638.js:20
(匿名) @ _app-942e7767c2933638.js:20
subscribe @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:17
subscribe @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:20
subscribe @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:17
subscribe @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:20
subscribe @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:20
(匿名) @ _app-942e7767c2933638.js:20
requestAsPromise @ _app-942e7767c2933638.js:20
query @ _app-942e7767c2933638.js:20
(匿名) @ _app-942e7767c2933638.js:20
apply @ _app-942e7767c2933638.js:17
function @ _app-942e7767c2933638.js:21
(匿名) @ _app-942e7767c2933638.js:17
ObservableObject.key @ _app-942e7767c2933638.js:17
call @ _app-942e7767c2933638.js:197
(匿名) @ _app-942e7767c2933638.js:17
call @ _app-942e7767c2933638.js:17
firstLoad @ _app-942e7767c2933638.js:21
(匿名) @ _app-942e7767c2933638.js:17
firstLoad @ _app-942e7767c2933638.js:17
(匿名) @ _app-942e7767c2933638.js:21
uI @ framework-eb13d66baf02d062.js:1
oU @ framework-eb13d66baf02d062.js:1
o @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
再显示6 个框架

6068-e4e1738bad18ce08.js:1233 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0x8086, DEVICE = 0x0166, GL_VENDOR = Google Inc. (Intel), GL_RENDERER = ANGLE (Intel, Intel(R) HD Graphics 4000 Direct3D9Ex vs_3_0 ps_3_0, igdumd64.dll-9.17.10.4229), GL_VERSION = 9.17.10.4229, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = bindToCurrentThread failed: .
console.error @ 6068-e4e1738bad18ce08.js:1233
eV @ VM20 6d27a623-fd16a98bc75cb099.js:197
eO @ VM20 6d27a623-fd16a98bc75cb099.js:197
nL @ VM20 6d27a623-fd16a98bc75cb099.js:197
eC @ 6068-e4e1738bad18ce08.js:1
configure @ 6068-e4e1738bad18ce08.js:1
(匿名) @ 6068-e4e1738bad18ce08.js:1233
uI @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
console.error @ 6068-e4e1738bad18ce08.js:1233
eV @ VM20 6d27a623-fd16a98bc75cb099.js:197
eO @ VM20 6d27a623-fd16a98bc75cb099.js:197
nL @ VM20 6d27a623-fd16a98bc75cb099.js:197
eC @ 6068-e4e1738bad18ce08.js:1
configure @ 6068-e4e1738bad18ce08.js:1
(匿名) @ 6068-e4e1738bad18ce08.js:1233
uI @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Could not create a WebGL context, VENDOR = 0x8086, DEVICE = 0x0166, GL_VENDOR = Google Inc. (Intel), GL_RENDERER = ANGLE (Intel, Intel(R) HD Graphics 4000 Direct3D9Ex vs_3_0 ps_3_0, igdumd64.dll-9.17.10.4229), GL_VERSION = 9.17.10.4229, Sandboxed = yes, Optimus = no, AMD switchable = no, Reset notification strategy = 0x8252, ErrorMessage = bindToCurrentThread failed: .
console.error @ 6068-e4e1738bad18ce08.js:1233
eV @ VM20 6d27a623-fd16a98bc75cb099.js:197
eO @ VM20 6d27a623-fd16a98bc75cb099.js:197
nL @ VM20 6d27a623-fd16a98bc75cb099.js:197
eC @ 6068-e4e1738bad18ce08.js:1
configure @ 6068-e4e1738bad18ce08.js:1
(匿名) @ 6068-e4e1738bad18ce08.js:1233
uI @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 THREE.WebGLRenderer: A WebGL context could not be created. Reason: Failed to create a WebGL2 context.
console.error @ 6068-e4e1738bad18ce08.js:1233
eV @ VM20 6d27a623-fd16a98bc75cb099.js:197
eO @ VM20 6d27a623-fd16a98bc75cb099.js:197
nL @ VM20 6d27a623-fd16a98bc75cb099.js:197
eC @ 6068-e4e1738bad18ce08.js:1
configure @ 6068-e4e1738bad18ce08.js:1
(匿名) @ 6068-e4e1738bad18ce08.js:1233
uI @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 THREE.WebGLRenderer: Error creating WebGL context.
console.error @ 6068-e4e1738bad18ce08.js:1233
nL @ VM20 6d27a623-fd16a98bc75cb099.js:197
eC @ 6068-e4e1738bad18ce08.js:1
configure @ 6068-e4e1738bad18ce08.js:1
(匿名) @ 6068-e4e1738bad18ce08.js:1233
uI @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 Error: Error creating WebGL context.
at new nL (VM20 6d27a623-fd16a98bc75cb099.js:197)
at eC (6068-e4e1738bad18ce08.js:1)
at Object.configure (6068-e4e1738bad18ce08.js:1)
at 6068-e4e1738bad18ce08.js:1233
at uI (framework-eb13d66baf02d062.js:1)
at uY (framework-eb13d66baf02d062.js:1)
at e (framework-eb13d66baf02d062.js:1)
at framework-eb13d66baf02d062.js:1
at oI (framework-eb13d66baf02d062.js:1)
at oS (framework-eb13d66baf02d062.js:1)
at x (framework-eb13d66baf02d062.js:1)
at MessagePort.T (framework-eb13d66baf02d062.js:1)
console.error @ 6068-e4e1738bad18ce08.js:1233
a5 @ framework-eb13d66baf02d062.js:1
a.componentDidCatch.t.callback @ framework-eb13d66baf02d062.js:1
lX @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oC @ framework-eb13d66baf02d062.js:1
r8 @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1
6068-e4e1738bad18ce08.js:1233 Error: Error creating WebGL context.
at new nL (VM20 6d27a623-fd16a98bc75cb099.js:197)
at eC (6068-e4e1738bad18ce08.js:1)
at Object.configure (6068-e4e1738bad18ce08.js:1)
at 6068-e4e1738bad18ce08.js:1233
at uI (framework-eb13d66baf02d062.js:1)
at uY (framework-eb13d66baf02d062.js:1)
at e (framework-eb13d66baf02d062.js:1)
at framework-eb13d66baf02d062.js:1
at oI (framework-eb13d66baf02d062.js:1)
at oS (framework-eb13d66baf02d062.js:1)
at x (framework-eb13d66baf02d062.js:1)
at MessagePort.T (framework-eb13d66baf02d062.js:1)
console.error @ 6068-e4e1738bad18ce08.js:1233
ee @ main-5ad2bda02fc6e82f.js:1
fn @ main-5ad2bda02fc6e82f.js:1
componentDidCatch @ main-5ad2bda02fc6e82f.js:1
a.componentDidCatch.t.callback @ framework-eb13d66baf02d062.js:1
lX @ framework-eb13d66baf02d062.js:1
uY @ framework-eb13d66baf02d062.js:1
e @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oC @ framework-eb13d66baf02d062.js:1
r8 @ framework-eb13d66baf02d062.js:1
(匿名) @ framework-eb13d66baf02d062.js:1
oI @ framework-eb13d66baf02d062.js:1
oS @ framework-eb13d66baf02d062.js:1
x @ framework-eb13d66baf02d062.js:1
T @ framework-eb13d66baf02d062.js:1

Copy link

dosubot bot commented Feb 6, 2025

@ChinaSaS 你好! 我是Dosu,我是一个可以帮助你解决错误、回答问题并成为贡献者的机器人。在等待人类维护者过程中,我会尽力帮助你。

The error you're encountering seems to be related to two main issues: a client-side exception in the React component tree and a failure to create a WebGL context.

  1. Client-Side Exception: This error typically occurs when an unhandled exception is not caught by an error boundary in your React components. Implementing error boundaries can help manage these exceptions and display a fallback UI instead of causing the application to crash or refresh infinitely. You can refer to the Next.js documentation for guidance on implementing error boundaries.

  2. WebGL Context Creation Failure: The error messages indicate that the WebGL context could not be created, possibly due to hardware or driver limitations. The error mentions specific details about the graphics vendor and renderer, which might be related to compatibility issues with the Intel HD Graphics 4000. You might want to check if the graphics drivers are up to date or if there are any specific configurations in your code that could be adjusted to improve compatibility.

Additionally, the 401 error when accessing the /api/trpc/tags.list endpoint suggests an authentication issue. Ensure that a valid bearer token is being used for API requests, as a missing or invalid token will result in a 401 Unauthorized error [1].

Addressing these issues should help resolve the infinite refresh problem and improve the application's stability.

To continue talking to Dosu, mention @dosu.


Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

@dosubot dosubot bot added the bug Something isn't working label Feb 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant