Keycloak-angular: AOT Failing on ng build --prod --aot=true

Created on 22 May 2018 · 6Comments · Source: mauriciovigolo/keycloak-angular

Bug Report or Feature Request (mark with an `x`)

- [X ] bug report -> please search for issues before submitting
- [ ] feature request

Versions.

keycloak-angular 2.0.0
Angular 5.2

Repro steps.

Download and install @2.0.0
Add keycloak module
Add init
run build and note error:

import { BrowserModule } from '@angular/platform-browser';
import {APP_INITIALIZER, NgModule} from '@angular/core';
import { AppComponent } from './app.component';
import { TreasureComponent } from './treasure/treasure.component';
import { LandingComponent } from './landing/landing.component';
import {appRoutes} from './app.routes';
import {HttpClientModule} from '@angular/common/http';
import {KeycloakAngularModule, KeycloakService} from 'keycloak-angular';
import {initializer} from './init';


@NgModule({
  declarations: [
    AppComponent,
    TreasureComponent,
    LandingComponent
  ],
  imports: [
    appRoutes,
    BrowserModule,
    HttpClientModule,
    KeycloakAngularModule
  ],
  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: initializer,
      multi: true,
      deps: [KeycloakService]
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

./init.ts

import {KeycloakService} from 'keycloak-angular';

export function initializer(keycloak: KeycloakService): () => Promise<any> {
  return (): Promise<any> => {
    return new Promise(async (resolve, reject) => {
      try {
        await keycloak.init();
        resolve();
      } catch (error) {
        reject(error);
      }
    });
  };
}

ng build --prod --aot=true

Date: 2018-05-22T18:37:13.094Z
Hash: 945915fac13ecc0872fa
Time: 2448ms
chunk {0} styles.ac89bfdd6de82636b768.bundle.css (styles) 0 bytes [initial] [rendered]
chunk {1} polyfills.997d8cc03812de50ae67.bundle.js (polyfills) 84 bytes [initial] [rendered]
chunk {2} main.ee32620ecd1edff94184.bundle.js (main) 84 bytes [initial] [rendered]
chunk {3} inline.318b50c57b4eba3d437b.bundle.js (inline) 796 bytes [entry] [rendered]

ERROR in : Encountered undefined provider! Usually this means you have a circular dependencies (might be caused by using 'barrel' index.ts files.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @fish/[email protected] build: `ng build --prod --aot=true`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @fish/[email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jmurphy/.npm/_logs/2018-05-22T18_37_13_120Z-debug.log

Expected: AOT should work

Bug

Source