Supabaseが原因でアプリが動作しなくなったエラーの解決方法
学習記録アプリを開発中、ブラウザでアプリを開いた際にエラーが発生し、正常に動作しない状況になりました。この記事では、発生したエラーの内容を丁寧に分解し、原因と解決方法を説明します。
期待値
現状（何も表示されない）
1. consoleで発生したエラー一覧
エラー1: リソースの読み込みエラー
Failed to load resource: the server responded with a status of 404 (Not Found) yqnvjyzjuboqnelcmetk.supabase.co/rest/v1/study_record?select=*:1
エラー2: ネットワークエラー
Failed to load resource: net::ERR_NAME_NOT_RESOLVED
エラー3: JavaScriptエラー
TypeError: Cannot read properties of null (reading 'reduce') at Op (index-0-wa35d3.js:40:57886) at Sl (index-0-wa35d3.js:38:16960) at Co (index-0-wa35d3.js:40:3134)
2. 各エラーの原因と意味
エラー1: リソースの読み込みエラー
- 原因: SupabaseのAPIエンドポイントにリクエストを送ったが、リソースが見つからない（404エラー）。
- 推測: Supabaseのデータベースやエンドポイントが無効化されている可能性。
エラー2: ネットワークエラー
-
原因:
yqnvjyzjuboqnelcmetk.supabase.coというドメインが解決できない。 - 推測: Supabaseのサーバーが応答していない、一時停止状態である可能性が高い。
エラー3: JavaScriptエラー
-
原因: アプリが
reduceメソッドを実行しようとしたが、データがnullまたは未定義だった。 - 推測: API（Supabase）がデータを返さなかったため、アプリ内でデータが空になり発生。
3. Supabaseが原因だと特定
- SupabaseのAPI (
supabase.co) に関連していることから。ダッシュボードを確認しに行く。 - Supabaseダッシュボードでプロジェクトが「Paused（停止状態）」になっているのを確認。
4. 解決方法
Supabaseプロジェクトの復元
- Supabaseダッシュボードを開きます。
- プロジェクトが「Paused（停止状態）」である場合、「Restore project」ボタンをクリックします。
- 数秒〜数分で復元され、プロジェクトが「Active（アクティブ）」状態になります。
5. 参考までに
無料プランで7日間何もしないとプロジェクトが一時停止されるようです
JISOUのメンバー募集中！
プログラミングコーチング JISOU では、新たなメンバーを募集しています。
🇯🇵 日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
▼▼▼