การจัดการข้อผิดพลาดใน load
โยน error() หรือ redirect() จาก load เพื่อจัดการกรณีล้มเหลวอย่างเป็นระเบียบ
การจัดการข้อผิดพลาดใน load เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
การโยนข้อผิดพลาด
ใช้ error() จาก @sveltejs/kit เพื่อส่งข้อผิดพลาด HTTP ที่ควบคุมได้
import { error } from "@sveltejs/kit";
if (!post) error(404, "Post not found");รหัสสถานะ
อาร์กิวเมนต์ตัวแรกคือรหัสสถานะ HTTP (เช่น 404, 401, 500 เป็นต้น)
ข้อความข้อผิดพลาด
อาร์กิวเมนต์ตัวที่สองคือข้อความที่อ่านเข้าใจได้ ซึ่งหน้าแสดงข้อผิดพลาดจะแสดง
การเปลี่ยนเส้นทาง
ใช้ redirect() เพื่อส่งผู้ใช้ไปที่อื่นแทนการแสดงข้อผิดพลาด
import { redirect } from "@sveltejs/kit";
if (!session) redirect(302, "/login");ข้อผิดพลาดที่คาดไว้
การเรียกใช้ error() ถือเป็นข้อผิดพลาดที่คาดไว้ โดยจะแสดงข้อความที่คุณระบุ
ข้อผิดพลาดที่ไม่คาดคิด
การโยนข้อผิดพลาดที่ไม่ได้ดักจับจะกลายเป็นข้อผิดพลาดที่ไม่คาดคิด โดยระบบจะซ่อนข้อความจากไคลเอนต์เพื่อความปลอดภัย
หน้าแสดงข้อผิดพลาดแบบกำหนดเอง
สร้าง +error.svelte ที่รากของแอปหรือในแต่ละเส้นทาง เพื่อกำหนดส่วนติดต่อผู้ใช้ข้อผิดพลาดได้ตามต้องการ
ข้อผิดพลาดที่กู้คืนได้
ดักจับข้อผิดพลาดภายใน load แล้วส่งคืนข้อมูล fallback เมื่อการลดความสามารถบางส่วนเหมาะสมกว่าการแสดงหน้าแสดงข้อผิดพลาด
การลองและดักจับข้อผิดพลาด
ห่อการเรียกใช้ที่มีความเสี่ยงไว้ใน try/catch เพื่อจัดการอย่างเหมาะสม
try { data = await fetch(...) } catch (e) { data = []; }สถานะกำลังโหลด
ใช้การส่งข้อมูลแบบสตรีม (Promises ในออบเจ็กต์ที่ส่งคืน) เพื่อแสดงสถานะการโหลดบางส่วนแทนการโยนข้อผิดพลาด
การบันทึกข้อผิดพลาด
บันทึกข้อผิดพลาดจากส่วนกลางผ่าน handleError ใน hooks.server.js
ตรวจสอบอย่างรวดเร็ว
การโยน error(404) ทำอะไร
สรุปทบทวน
ใช้ error() สำหรับความล้มเหลวที่คาดไว้ และใช้ redirect() เพื่อส่งผู้ใช้ไปที่อื่นจาก load
คำถามที่พบบ่อย
บทเรียน “การจัดการข้อผิดพลาดใน load” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การจัดการข้อผิดพลาดใน load” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การจัดการข้อผิดพลาดใน load”
โยน error() หรือ redirect() จาก load เพื่อจัดการกรณีล้มเหลวอย่างเป็นระเบียบ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “การจัดการข้อผิดพลาดใน load” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ฟังก์ชันโหลด +page.js
- การส่งคืนข้อมูลและการใช้ $page.data
- การจัดการข้อผิดพลาดใน load
- +page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์