Inicio de home y Angular Material

src/app/app.module.ts

@@ -6,17 +6,19 @@ import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 import { APP_ROUTES } from './app.routes';
-import { BASE_URL } from './app.tokens';
+import { API_URL } from './app.config';
 import { FlightHistoryComponent } from './flight-history/flight-history.component';
 import { HomeComponent } from './home/home.component';
 import { SharedModule } from './shared/shared.module';
 import { RouterModule, ExtraOptions } from '@angular/router';
 import { useHash } from '../flags';
+import { HeaderComponent } from './header/header.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 const ROUTING_OPTIONS: ExtraOptions = {
   // preloadingStrategy: CustomPreloadingStrategy,
   useHash,
-  initialNavigation: !useHash
+  initialNavigation: !useHash,
 };
 
 @NgModule({
@@ -29,23 +31,25 @@ const ROUTING_OPTIONS: ExtraOptions = {
     SharedModule.forRoot(),
     OAuthModule.forRoot({
       resourceServer: {
-        allowedUrls: ['http://localhost:8080/api'],
-        sendAccessToken: true
-      }
-    })
+        allowedUrls: [API_URL],
+        sendAccessToken: true,
+      },
+    }),
+    BrowserAnimationsModule,
   ],
   declarations: [
     AppComponent,
     HomeComponent,
-    FlightHistoryComponent
+    FlightHistoryComponent,
+    HeaderComponent
   ],
   providers: [
     // (useHash) ? { provide: LocationStrategy, useClass: HashLocationStrategy } : [],
     // {provide: AuthConfig, useValue: authConfig },
     // { provide: OAuthStorage, useValue: localStorage },
     // { provide: ValidationHandler, useClass: JwksValidationHandler },
-    { provide: BASE_URL, useValue: 'http://localhost:8080' }
+    // { provide: BASE_URL, useValue: 'http://localhost:8080' }
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
 export class AppModule {}