Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

No ErrorBoundary anywhere, render error = white screen

オープン
#3,961 コメント 6 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

@avinxshKD がすでに取り組んでいます。

2026年5月1日 から。

評価

この issue はまだ評価されていません。

説明

Bug
p5.js version

No response

What is your operating system?

None

Web browser and version

No response

There's no ErrorBoundary component anywhere in the client. Any unhandled
render error kills the entire app with a white screen. No fallback, no
message, nothing.

Especially bad around the Editor (805-line class component doing CodeMirror
DOM stuff) and IDEView. Users just lose their session with zero feedback.

Steps to reproduce:

  1. Throw an error inside any component during render
  2. Entire app dies, white screen
  3. No way to recover without a full page reload

Expected: Some fallback UI. Even just "Something went wrong, go back home."
Actual: Blank page.

Fix involves:

  • Add ErrorBoundary component with componentDidCatch + fallback UI
  • Wrap route-level components in routes.jsx (IDE, Dashboard, Preview)

Filed against client/routes.jsx and client/modules/App/App.tsx

主要言語
JavaScript
スター
1.7k
フォーク
1.7k
平均マージ
6日
マージ済み PR(30日)
10

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

processing/p5.js-web-editor のほかの issue

processing/p5.js-web-editor の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。