Documentationbreadcrumb arrow Grafana Cloudbreadcrumb arrow Monitor applicationsbreadcrumb arrow Frontend Observabilitybreadcrumb arrow Visualize and explore databreadcrumb arrow Application errors
Grafana Cloud

Application errors overview

The Errors Overview page helps you identify, prioritize, and troubleshoot errors in your frontend application. Use this page to understand which errors are affecting the most users, which URLs are problematic, and which browsers are experiencing issues.

Errors Overview

The Errors Overview page gives insights into your application’s errors:

  • View how many errors your application is generating within a given time frame
  • Filter results based on an error
  • Filter out noisy errors
  • Inspect error context: stack trace, session ids, metadata
  • Identify dominant exceptions
  • Identify URLs that are generating errors
  • Segregate error count based on browsers

Filter results based on an error

To isolate the panels based on a specific errors:

  1. Navigate into the Top Exceptions panel
  2. Find the Error that you want to filter
  3. Click the ‘+’ sign, magnifying glass

Magnifying glass plus sign Error filter Applied

Filter out an error

To remove an error from the results:

  1. Navigate into the Top Exceptions panel
  2. Find the Error that you want to filter
  3. Click the ‘-’ sign, magnifying glass

Magnifying glass minus sign Error filter Applied

View error context

To expand the Error and context: stack trace, browser, OS, and other metadata.

  1. Navigate into the Top Exceptions panel
  2. Find the Error that you want to filter
  3. Click the name of the blue colored error

Error Context

You can follow the process above to filter based on:

  • URL paths on the Top URLs by Exception Count panel
  • Browser Name on the Browser column of the Top Browsers by Exception Count
  • Browser Version on the Version column of the Top Browsers by Exception Count

Adding a meta filter

You can also add other metadata filters as you would in the Performance Overview page. To add a meta filter:

  1. Click the ‘+’ button
  2. Select the meta label that you want from the drop-down
  3. Select the value from the drop-down

List filter labels

To edit a meta filter value:

  1. Click the value of the filter you want to change
  2. Select the new value from the drop-down

To remove a meta filter

  1. Click the label of the filter you want to remove
  2. Select ‘–remove filter–’ from top the drop-down list

List filter labels

Next steps

After identifying errors: