Property 'error' does not exist on type '“” | Promise'

Question

I\'m trying to add some error handling to a service, following the Angular guide.

Relevant snippet:

private handleError (error: Response | any) {
  // I         


        

Answer 1

Same thing just happened to me. This happens when you fail to import the Response object.

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

Answer 2

No, it won't work because you wrote:

const body = error.json() || '';

Which means that body can be an empty string, and a string doesn't have the error property.

This should be better:

const body = error.json() || { error: null };

---

Edit

Oh, error.json() returns a Promise, which means that you won't be able to use this synchronous block, instead you'll need to:

error.json().then(body => {
    if (!body) {
        body = "";
    }

    const err = body.error || JSON.stringify(body);
    const errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
});

Answer 3

I had the same issue, I finally found this solution.

.catch(error => {
  let errMsg: string;
  const body = JSON.parse(error._body);
  if (body) {
    errMsg = body.error
  } else {
    errMsg = error.message ? error.message : error.toString();
  }
  console.error(errMsg);
  return Promise.reject(errMsg);
});