Angular Tutorial - 22 - HTTP Error Handling

[@Codevolution]

Catch and Throw was updated with Rxjs version change. Please watch video #31 for a working example.

[@ايمانعبدالقادر-ص9خ]

شكرا

[@Vilmis]

@Codevolution, you should put in description the latest source code for Angular 7 as you example doesn't work and confuses people.

[@punkkauz]

There is no working example there... :(

[@codersauthority]

Thanks to indicate :),

[@navdeepbains3481]

uuuuuuuuuuuuuuuuuuuu rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyttttttttttttttttttttttttttttttttttttttt looooooooooooooooooooooooooooooooooooolllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

[@mariya_6669]

In angular 8: Import throwError from rxjs Import catchError from rxjs/operators Use catchError and throwError instead of catch and throw. Also use pipe when using catchError .pipe(catchError(this.errorHandler)) Thank you codevolution...you have been great help

[@boulidhamza123]

Can you please explain what you just did?

[@GouthamKumarSurvepalli]

Thanks Mariya....

[@genimisettydharani2358]

y should v use pipe for catchError

[@smilinthas57]

Thanks

[@mojojojo890]

why did I not read the comments before googling for 20mins?

[@technilicious5435]

I love it when you say - Let me go over it one more time.... I really helps in understanding the concept better.... Thank you...

[@simpleway2022]

import { Observable, throwError } from 'rxjs'; import { catchError, } from 'rxjs/operators'; then use throwError instead of Observable.throw

[@idlevandal69]

For those using Angular 7 see Darwin Batres comment for updated code & imports then also change errorHandler() to the following: errorHandler(error: HttpErrorResponse) { return throwError(error.message || "Server Error!"); } -Notice errorHandler() method doesn't use Observable.throw(error.message) but now uses just throwError(error.message)

[@Codevolution]

Did you watch video #31?

[@sandman_theory]

Thank you !!!!!!!!!!!!! By far the best Angular Tutorial on KZbin. Period!

[@apprendrelefrancais5355]

1) if there is error about Observable, then you need to modify import: import { Observable } from 'rxjs'; 2) if "catch" has error then you need to upgrad rxjs in terminal: npm i rxjs-compat

[@kanikaagarwal2389]

This worked for me instantly. Thanks :-)

[@weicao4101]

Respect from China. Very useful and clear.

[@commentorsilensor3734]

Thank you very much for the video. I know it is frustrating that Angular keeps changing. I know some Angular 2. after seeing the change, I just start all over again on Angular 8. That is very frustrating. Thanks for the other video., Thanks for other people input to correct the problem.

[@crazy_coder]

your style to teach us is amazing very simple and understaning language that u use i watched many videos but ur videos are too good and also thanku for updating code in git for rxjs6 THANKU SO MUCH SIR

[@JFLABBERVILLE]

He has a gift! I'm so impressed.

[@MayankGupta-kq5dm]

I think you only change Name Angular 7 but tutorial is angular 5

[@arnavkumar6277]

Observable.throw method is now deprecated. It is now replaced with throwError(error.message) where error is instance of HttpErrorResponse class. Same goes for catch. For catch use Observable.pipe(catchError(your method name)) and also import catchError and throwError.

[@sonamohialdin3376]

So good teaching

[@programmersinsight7278]

To import the full Observable object you'd import it like this: import { Observable } from 'rxjs/Rx' Hopefully that helps!

[@ketanvaidya3916]

Loved your tutorials even being a beginner in angular I understood them quiet easily

[@wayne_gakuo]

Angular v8+ import { Observable, throwError } from 'rxjs'; import { catchError} from 'rxjs/operators'; You need to pass the catchError operator through the pipe. ... .pipe( catchError(this.errorHandler)); errorHandler(error: HttpErrorResponse) { return throwError (`Something went wrong: ${error.message}`); } PS: In the return statement of the errorHandler() function, I have used backticks instead of quotation marks, i.e template literals

Great Tutorial Series - the best explanation i have seen so far. I've learned a lot. Thank you! And i with that i mean all lessons in this playlist!!!

[@jeslinjoju7980]

Very good explanation. Really helpful. Thanks

[@amanullahaman8750]

Very nice video with a good explanation. Please upload more videos.

[@hoangngovan8217]

Love it!, very easy to understanding. Thanks a lot.

[@hemadrimedida1844]

Very nice video with a good explanation. Please upload more videos on updated UI technologies.

[@ikewabo]

Can you do a series on REACT? After a few weeks with React, I must confess - I'M SOLD! No more Angular for me.

[@JudenB2]

is-it batter than angular ?

[@vietson1610]

I don't think so, nothing is the best, the same as program language.

[@zoecarlibur]

React is a cool tool, Especially for Start Ups, But when you're working on Big Enterprise applications with several moving parts & dependencies, There's no better choice than Angular. Not to mention the great support from Google.

[@MithileshMusic92]

lot of companies are using React - fb , airbnb , netflix etc etc. so i think react handles scalability easily too. angular makes u think in the box only , with the restrictions it gives of using its own library of directives , pipes , services etc. React gives you freedom, to use whatever in the app structure you want depending on the requirements.

[@ruhailahmad9418]

I think you have not met with Redux yet.

[@navdeepbains3481]

thanks sir for this amazing video

[@adnansheikh6776]

Hi, Thank you for posting this helpful guide. I'm doing authentication via API. The problem is i can't use subscribe with canActivate as it has Observable type. I can't change the Observable type as my whole functionality depends upon this type. So I have to use map instead of subscribe but then this authentication doesn't work. Please help me. I'm stuck on this from days.

[@scrapifier]

thanks you.Please Continue ... I send you good energy.

[@pratibhalovesu]

Sir I'm a react guy got placed in angular project. I Got stuck in here

[@gamerslife653]

ERROR : Property 'catch' does not exist on type 'Observable

[@jaypatel2471]

@Codevolution sir we it would be great if you can provide videos on ANGULAR 17 !

[@mehmetakifalp]

good explanation, thanks!

[@msh1996]

thanks

[@devakireddy4983]

Hi sir when i write catch am not able to compile the code an getting the error as "Property 'catch' does not exist on type 'Observable'. "Can you please provide the solution for this

[@pavak7539]

you are jumping trains now.

[@zenmarcky918]

do you fix the catch and throw?

[@Varunkumarmca]

You are awesome, thanks

[@dorbenmoyal7639]

Hi Great lessons, is there any lesson about redux? and Effect?

[@jayhey2577]

Didn't work for me, Just show the error in console, I think the new version of angular changed. he didn't user map, he used interface insted of map

[@SESURAJAPURAMARUL]

You can acheive all these without importing anything from RxJS. as shown below this._employeeService.getEmployees().subscribe( data=> this.employees = data, err=> console.log(err.message) ); I don't understand why there is a need for catching the error.

[@akashchokshi2283]

The user doesn't know that they need to press F12 and open console to see the error. Like he said it won't be a good user experience.

[@sethbozz]

Why don't you use the new API ? import { catchError } from 'rxjs/operators' ??!! This tuto seems kind of not fully accurate to me.

[@JudenB2]

what is the difference ?

[@absolutedgefindout726]

If you're following all along, you will not have this thinking, he explained in the beginning that this is based on Angular 5 but major principles remain the same across Angular 5, 6 and now 7.

[@simpleway2022]

Thanks a lot.... I was becoming crazy trying to import catchError

[@笨土豆]

Observable.throw has been replaced by throwError() in Angular 7

[@chagantisubhash]

Great!!

[@gustavomillanao8068]

it worked for me +1 sub

[@zenmarcky918]

how do you fix the catch and throw?

[@narisornsamukkarn1747]

Great

[@phanindrakumarpulletikurti]

very nice

[@prakashk4878]

the catch operater is not working. How to solve it?

[@simonemeloni7967]

For catch error I have updated with command "npm i rxjs-compat", you need to restart visual studio code and, after you restart application with command "ng serve -o", and the problem will disappear.

[@navdeepbains3481]

hi sir please upload post,delete with server please this will be more informative forus

[@zenmarcky918]

how do you fix the catch and throw? please help me Codevolution

[@ayyappadasgb2163]

RxJS v5.5.2 doesn't support 'catch()' as it is deprecated use 'catchError()' with Pipe() for this to work.

[@binoysarker903]

in case of angular 6.1.4 use this to get the error this._employeeService.getEmployees().subscribe(data => {this.employees = data; }, error => console.log(error) );

[@raghavendrajyante4200]

Sir please explain HttpInterceptor concept in Angular 6

[@blackwhiteyang9533]

rxjs 6.5.5 & Angular 10 is not avalible in this video,so grammar is different to use.

[@songlee8456]

Can you do ionic too?

[@amitdubey5652]

It's not working in angular 6 I tried lots of time but this example not working

[@Gol_D_Roger_The_Pirate_King]

This is outdated please update to REAL Angular 6 pipe method error handling.

[@Codevolution]

Please watch video #31. And I hope you are excited about the wano arc!

[@TheRonron1994]

​@@Codevolution You should've at least updated the description for the updated fix or at least link the other video here without people asking for it. And in the video 31, you should've put timestamps. Disappointed.

[@笨土豆]

Looks like .catch has been replaced by .pipe(catchError()) after angular 5.5.

[@veereshchinnu4641]

iam getting an error that 'catch' does not exist on type 'Observable' . please help me out!!..

[@nikitanarkhede5237]

Im getting Property 'catchError' does not exist on type 'Observable this error in angular8

[@CppObjectOrientedProgrammer]

.catch doesn't work for me, I get Property catch does not exist on type. Tried googling around but I'm not sure what the problem is. I imported catch, but no luck.

[@rogerluces]

Same problem here, did you found a solution?

[@CppObjectOrientedProgrammer]

Nope :/ let me know if you do.

[@bradenbrown2594]

@CppObjectOrientedProgrammer @RogerLuces

[@shayanee681]

Try this - npm install rxjs@6 rxjs-compat@6 --save

[@alaaabdelfattah3126]

thanks alot , this command solve my problem

[@Committee-sw3yk]

throws [object Object] error and doesn't shows list

[@joet_swbo101]

How would I show the server message that I am passing through the BadRequest( string ) return value. I see it in Fiddler but can't seem to get a hold of it in my Angular service. I do get the appropriate error message, but that that one. Thanks

[@joet_swbo101]

Never mind, figured it out. Error.error.message.

[@zenmarcky918]

how do you fix the catch and throw?

[@songlee8456]

It looks like I'm going to move away from angular. map operator was easy to use. It's pointless to change it

[@rajeshravichandran6102]

.get(this._url).pipe(catchError(this.errorHandler)) i m getting error at " .get " even after importing catchError and throwError----is that syntax error as Angular is updated to version 7...?

[@jayhey2577]

what happen to post !??? I didn't see it in the current tutorial? write a file insted of server side code

[@arunganesh9648]

i get this below error, Module not found: Error: Can't resolve 'rxjs/add/observable/throw'

[@animatedcartoons6301]

same error for me Module not found: Error: Can't resolve 'rxjs/add/observable/catch'

[@AmiraMahmoud7]

can't use catch and throw at all , always gives an error . Is there anyone with the same problem??

[@vivekjaiswal2422]

This video is very very out dated, please re-upload a video on this topic with latest changes.

[@toseefahmad9975]

TypeError: rxjs__WEBPACK_IMPORTED_MODULE_3__.Observable.throw is not a function this error is showing

[@MULAGURA]

what happens to .map( ) operator ?

[@punarvashumishra4172]

i am getting this error.can anyone help. Property 'catch' does not exist on type 'Observable'.ts(2339)

[@edmond1314]

TypeError: rxjs__WEBPACK_IMPORTED_MODULE_2__.Observable.throwError is not a function

[@mahmoudabdelsattar8860]

no no no not like that pls update ur tuts ,this is not updated angular>>>>>>>>>

[@JFLABBERVILLE]

The man teaches everyone for free, he provides an update video at the end of the tutorial, the update info is very easy to find with clear guides yet people want him to use his precious time to rewrite this and re-film it for free for them with every update? I prefer to be grateful for his time and energy and am willing to do a little leg work on my own as well. The information isn't hard to find.

[@PiyushKumar-je6fk]

how to download link in error handlling video

[@Nampjg]

Please update this tutorial... Its incorrect !

[@mdaftabalam4919]

I'm getting error in catch.Please reply me,

[@punkkauz]

did you solve?

[@simpleway2022]

Good video but OUTDATED!

[@muzamilahmed6396]

You are running way fast in this video & there are not much examples.

[@Dragosknight]

ERROR in src/app/employee.service.ts(14,49): error TS2339: Property 'catch' does not exist on type 'Observable'. I got this error. How to fix catch doesnot exists

[@Codevolution]

Please use catchError as that is the latest.

[@rogerluces]

Is not working!

[@avantikagopi7514]

Your session is good but one request.. Change the color of ide to white cox it's not visible clearly in a mobile device.

[@nikoszervo]

I can create a better error handling mechanism in C than this. Wtf angular? You made so many awesome mechanisms and then you just throw us this shiity error handling? What about exceptions?