The error message encountered states that the property 'status' is not found within the object type 'Error'

Question

The error message encountered states that the property 'status' is not found within the object type 'Error'

While working with Angular 2, I encountered an issue when passing an Error object from an HTTP request into the logAndPassOn method. The error message "Property 'status' does not exist on type 'Error'" was displayed. Although the typeof Error is recognized as an object, it doesn't behave in a similar way to how typeof File would be handled.

private logAndPassOn (error: Error) {
    if (error.status == 403) {
      // Do things
    }
    return Observable.throw(error);
}

To work around this problem, I had to set the error's type as 'any'. However, I believe there should be a more optimal solution available. Is there a specific library that needs to be imported for handling the typeof Error? Are there alternative approaches to tackling this issue instead of creating a custom Error class and importing it?

typescript angular angular2-services

Answer 1

Answer №1

When handling errors in the Http error callback, it's important to note that the object being passed is of type Response from the @angular/http module. This Response is the same one received from the initial Http call. In case of an error response, this Response is sent as the error to the subscriber.

import { Response } from '@angular/json';

http.get(..)
    .subscribe(
         (res: Response) => { doSomething(res.json()) }
         (res: Response) => { ... });

It's worth noting that using Error in this context is incorrect. Instead, utilizing any will work, since during runtime the actual Response object being passed does contain a status property.

Answer 2

When handling errors in the Http error callback, it's important to note that the object being passed is of type Response from the @angular/http module. This Response is the same one received from the initial Http call. In case of an error response, this Response is sent as the error to the subscriber.

import { Response } from '@angular/json';

http.get(..)
    .subscribe(
         (res: Response) => { doSomething(res.json()) }
         (res: Response) => { ... });

It's worth noting that using Error in this context is incorrect. Instead, utilizing any will work, since during runtime the actual Response object being passed does contain a status property.

The error message encountered states that the property 'status' is not found within the object type 'Error'

Answer №1

Similar questions

After defining Partial<T>, encountering an error trying to access an undefined property is unexpected

Stop allowing the entry of zero after a minus sign

The error TS2769 occurs when using the spread operator to flatten an array

Tips for designing a personalized payment page in PayPal for flexible one-time and subscription-based payments

What is the reason for the inability to import a router for express in TypeScript?

Step-by-step guide on integrating jQuery-ui with Asp Core+ Angular 4 template using Visual Studio 2017

Displaying or concealing list elements in Angular 6

Leveraging Apostrophe CMS for building a decoupled single page application

Transitioned to Angular 16: Issues with Compiling Due to Google Places Autocomplete Plugin (ngx-google-places-autocomplete)

Ionic2: Access your account via an External Source

Issues with Angular 5 application functionality on IOS8 using Browserstack

typescript Object that consists of properties from an array with a defined data type

Recommendations for organizing code with respect to models in Angular using TypeScript

The React table column definition inexplicably transforms into a string

Creating consistent heights for buttons and input fields in Angular Material can be achieved by adjusting the

Adding a parameter to each route by default."

I am experiencing an issue in Angular 6 where the close button is unresponsive when I add a carousel within a

Why is it that TypeScript's flow analysis does not extend to the 'else' block?

The connection could not be established due to an error, and there was also a failure in loading the resource with the error message "net::ERR

Sample test scenario for a service function that includes an HTTP subscription using Angular's HTTP RxJS