Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Importing HttpErrorHandler into app.module.ts

Now, we need to add our service to the central module of our application. Remember that we are using a directory called shared; the appropriate place to put our service is directly in the app.module.ts file:

1. Open the ./Client/src/app/app.module.ts file and add following code right after the NavComponent import:

 import { HttpErrorHandler } from  './shared/_services/http-handle-error.service';

2. Still on ./Client/src/app/app.module.ts, add the HttpErrorHandler property to the providers array after the Title property:

 providers: [
        Title,
        HttpErrorHandler,
 ],

At the end of this step, we have the following directory structure in our app:

Shared services folder