Window: reportError() method

Syntax

reportError(throwable)

Parameters

throwable

Any JavaScript value, but preferably an error object such as a TypeError.

Return value

None (undefined).

Exceptions

TypeError

The method is called without an error argument.

Examples

Feature detection

Feature test for the method using:

if (typeof window.reportError === "function") {
  // function is defined
}

Telemetry

reportError() allows asynchronous errors to be reported just like built-in errors. Aggregating all errors at a single point makes it easier to collect telemetry about errors occurring in an application.

For example, a web application might set up a global error event listener to collect all uncaught errors, and send them to a server for analysis, such as by using Sentry:

window.addEventListener("error", (event) => {
  event.preventDefault(); // Prevent the default logging to console
  Sentry.captureException(event.error);
  console.error("Error encountered:", event.error);
  showToastNotification("An error occurred. Our team has been notified.");
});

By default, this listener can listen for uncaught exceptions thrown in synchronous <script> execution, setTimeout callbacks, event handlers, asynchronous promise callbacks, and so on. Libraries and applications can use reportError() to deliver their own errors to this same listener, ensuring that all errors are captured in a consistent manner.

function fetchUser(userId) {
  return fetch(`/api/users?id=${encodeURIComponent(userId)}`)
    .then((response) => {
      if (!response.ok) {
        throw new Error(`Failed to fetch user with ID ${userId}`);
      }
      return response.json();
    })
    .catch((error) => {
      // Report the error to the global error handler
      window.reportError(error);
    });
}

By using reportError() instead of letting the error go uncaught, subsequent code execution is not interrupted, while still ensuring that the error is logged and can be analyzed. For example, this function can be called in a test runner without extra try...catch handling.

Specifications

Browser compatibility

See also

• Window
• WorkerGlobalScope.reportError()
• Window: error event
• WorkerGlobalScope: error event
• HTMLElement: error event