reactjs / reactjs/react.dev

[Bug]: client-side exception when visiting useLayoutEffect page

未關閉
#8,059 0 則留言 1 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

bug: unconfirmed
主要語言
JavaScript
星號
11.8k
分支
7.9k
平均合併
1 天 11 小時
30 天內合併 PR
11

描述

Summary

Sometime this afternoon, the page for useLayoutEffect:

https://react.dev/reference/react/useLayoutEffect

broke with:

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

Page

https://react.dev/reference/react/useLayoutEffect

Details

Console:

framework-76ad44d61c11f057.js:1 Error: File /src/App.js was defined multiple times. Each file snippet should have a unique path name
    at 145-0963f310eaedf893.js:1:299499
    at Array.reduce (<anonymous>)
    at n (145-0963f310eaedf893.js:1:298499)
    at 145-0963f310eaedf893.js:1:250798
    at lb (framework-76ad44d61c11f057.js:1:41610)
    at aY (framework-76ad44d61c11f057.js:1:61337)
    at aW (framework-76ad44d61c11f057.js:1:60197)
    at aB (framework-76ad44d61c11f057.js:1:59814)
    at ot (framework-76ad44d61c11f057.js:1:76212)
    at ua (framework-76ad44d61c11f057.js:1:111832)
aR @ framework-76ad44d61c11f057.js:1
main-6b2aa10951d4c273.js:1 Error: File /src/App.js was defined multiple times. Each file snippet should have a unique path name
    at 145-0963f310eaedf893.js:1:299499
    at Array.reduce (<anonymous>)
    at n (145-0963f310eaedf893.js:1:298499)
    at 145-0963f310eaedf893.js:1:250798
    at lb (framework-76ad44d61c11f057.js:1:41610)
    at aY (framework-76ad44d61c11f057.js:1:61337)
    at aW (framework-76ad44d61c11f057.js:1:60197)
    at aB (framework-76ad44d61c11f057.js:1:59814)
    at ot (framework-76ad44d61c11f057.js:1:76212)
    at ua (framework-76ad44d61c11f057.js:1:111832)
Q @ main-6b2aa10951d4c273.js:1
main-6b2aa10951d4c273.js:1 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
Q @ main-6b2aa10951d4c273.js:1

Browser: Chromium 141, Firefox 143
OS: Linux

Possibly related to 8d73630aa5463c394d1b825d35b804a2a9e4324b (#8058). So, C/C'ing @poteto.

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

在 Chromium 或 Firefox 中重現 useLayoutEffect 參考頁面上的用戶端例外,並檢查瀏覽器主控台中是否有重複的 /src/App.js 程式碼片段錯誤。將該頁面與相關 issue #8058 進行比較,並找出重複程式碼片段的路徑。完成的標準是頁面載入時不再出現用戶端例外,且其中的程式碼片段具有唯一路徑。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, react
領域
documentation, frontend
Issue 類型
缺陷
難度
3/5
預估耗時
1-2 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
42/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。