0Pricing
Sveltejs Academy · レッスン

loadでのエラー処理

loadからerror()またはredirect()をスローして、失敗時のケースを適切に処理します。

「loadでのエラー処理」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。

エラーのスロー

@sveltejs/kitのerror()を使用して、制御されたHTTPエラーを送信します。

import { error } from "@sveltejs/kit";
if (!post) error(404, "Post not found");

ステータスコード

第1引数はHTTPステータスコードです(404、401、500など)。

エラーメッセージ

第2引数は、エラーページに表示される人間が読みやすいメッセージです。

リダイレクト

エラーを発生させる代わりに、redirect()を使用してユーザーを別の場所へ移動させます。

import { redirect } from "@sveltejs/kit";
if (!session) redirect(302, "/login");

予期されるエラー

error()の呼び出しは予期されるエラーです。指定したメッセージが表示されます。

予期しないエラー

捕捉されなかったthrowは、予期しないエラーになります。セキュリティ上、メッセージはクライアントには表示されません。

カスタムエラーページ

ルート直下または各ルートに+error.svelteを作成して、エラーUIをカスタマイズします。

回復可能なエラー

エラーページを表示するよりも機能を縮退させるほうが適切な場合は、load内でエラーを捕捉し、代替データを返します。

Try/Catch

リスクのある呼び出しをtry/catchで囲み、適切に処理します。

try { data = await fetch(...) } catch (e) { data = []; }

読み込み状態

throwする代わりに、返却オブジェクト内のPromiseによるストリーミングを使用して、部分的な読み込み状態を実現します。

ロギング

hooks.server.jsのhandleErrorを使用して、エラーを一元的にログへ記録します。

クイックチェック

throw error(404)を実行するとどうなりますか?

復習

予期される失敗にはerror()を使用し、loadからユーザーを別の場所へ移動させるにはredirect()を使用します。

よくある質問

「loadでのエラー処理」レッスンは無料ですか?

はい。「loadでのエラー処理」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。

「loadでのエラー処理」で何を学びますか?

loadからerror()またはredirect()をスローして、失敗時のケースを適切に処理します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Sveltejs Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。

「loadでのエラー処理」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSveltejs Academyレッスンでコードを書いて実行できますか?

はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. +page.jsのload関数
  2. データの返却と$page.dataの使用
  3. loadでのエラー処理
  4. サーバー専用ロジックのための+page.server.js
← Sveltejs Academyに戻る