New App Module & Configuration

app.module.ts

import { AppModule, enableProdMode, ApplicationRef } from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { AmesAppComponent } from './ames.component';
import { FORM_DIRECTIVES, FormsModule } from '@angular/forms';
import { ROUTER_DIRECTIVES, provideRoutes } from '@angular/router';
import { FIREBASE_PROVIDERS, defaultFirebase, firebaseAuthConfig, AuthMethods,
  AuthProviders, } from 'angularfire2';
import { disableDeprecatedForms, provideForms } from '@angular/forms';

import {  routes } from './routes';

@AppModule({
  modules: [BrowserModule, FormsModule, RouterModule, FirebaseModule],
  providers: [
    provideRoutes(routes),
    {provide: FirebaseConfig, useClass: MyFirebaseConfig},
  ],
  precompile: [AmesAppComponent],
})
export class MyAppModule {
  constructor(appRef: ApplicationRef) {
    appRef.bootstrap(AmesAppComponent);
  }
}

// Manual configuration
class MyFirebaseConfig implements FirebaseConfig {
  apiKey;
  authDomain;
  databaseURL;
  storageBucket;
  
  constructor() {
    // Get parameters from environment
    this.apiKey = "";
    this.authDomain = "";
    this.databaseURL = "";
    this.storageBucket = "";
  }
};