I'm encountering an error while trying to catch errors in my Ionic-based application with Angular.
In the create() method, I am attempting to create a new User. If the username already exists, I receive a response from the backend, but my method throws an error with the specified message in the title. I've tried various solutions found online, but I'm still stuck.
Any assistance would be greatly appreciated.
Config.ts
import {HttpErrorResponse} from '@angular/common/http';
import {Observable, throwError} from 'rxjs';
export default class Config {
static handleError(error: HttpErrorResponse): Observable<any> {
console.log('*****handleErrors*****');
console.log(error); //TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
console.log(error.message); //TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
console.log(error.error.message);
return throwError(
error.error.message());
}
}
account.service.ts
create(account: Account): Observable<Account> {
return this.httpClient
.post<ResponseWrapper>(this.accountsUrl, JSON.stringify(account), this.httpOptions).pipe(
map(rw => {
return rw.data;
}),
catchError(
this.handleError
)
);
}
handleError(error: Response | any) {
return Config.handleError(error);
}
account-detail.page.ts, I didn't want to include too much code with toastService that I created, which is functioning correctly.
this.accountService.create(this.selectedAccount).subscribe(
res => {
this.selectedAccount = res;
const io = new InteractionObject('save', 'account', this.selectedAccount);
this.accountDetailEvent.emit(io);
this.interactionService.setSave(io);
setTimeout(() => {
}, 500);
this.toastService.showSaveSuccessMsg();
},
error => { //TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
this.errorMsg = error;
if ('ACCOUNT_USERNAME_EXISTS' === this.errorMsg) {
this.toastService.showSaveFailMsg('account_username_exists');
}
}
);