Artwork

Error Handling in Vue

DejaVue

published

iconShare
 

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on July 10, 2025 12:04 (5M ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

Manage episode 451901111 series 3564378
Content provided by Alexander Lichter and Michael Thiessen. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Alexander Lichter and Michael Thiessen or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://staging.podcastplayer.com/legal.

All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this?
For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application.
That includes not always showing an error page, but also handling errors request-based or component-based!

On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hood

Enjoy the episode!

Chapters

  • (00:00) - Welcome to DejaVue
  • (01:22) - The good old error page
  • (01:58) - Write good error messages!
  • (03:11) - The Vue global error handler
  • (05:07) - Server vs. Client Errors in Nuxt.js
  • (08:34) - The vue:error hook
  • (09:05) - Global error handling for $fetch and interceptors
  • (11:10) - Throw unhandled errors in Prod with Vue 3.5?
  • (13:07) - Component-level error handling
  • (16:33) - NuxtErrorBoundary
  • (18:01) - defineAsyncComponent
  • (18:53) - Request-based error handling
  • (21:45) - New default values in Nuxt 4
  • (23:30) - Error Tracking
  • (26:33) - Actually handling the errors
  • (28:54) - Wrapping up

Links and Resources

Your Hosts

Alexander Lichter

Michael Thiessen

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

  continue reading

62 episodes