Error building production about ngx-avatar

[HaithemMosbahi]

@lorentzyip Thank you for raising this issue. I managed to reproduce it and yes it's a bug.

The thing is I just migrated the component to use Angular 6 and Angular CLI for building and packaging and it seems that there's an issue with AOT mode because when I run this ng build --prod --aot=false --build-optimizer=false it works.

I am working on this bug and I will do my best to fix it as soon as possible,

[lorentzyip]

@HaithemMosbahi Thank you so much. 👏👏👏

[HaithemMosbahi]

Hi @lorentzyip I just released a new version 3.0.1 that contains a partial fix for the build prod issue.
Importing AvatarModule should work now, please let me now if you still have any issues.

For now the only thing that doesn't work with prod mode is AvatarModule.forRoot(avatarConfig). I'm working on it to make it AOT friendly

[lorentzyip]

Let me give more information, the XXX module is a lazy-loading module which imports the AvatarModule. Here are the source codes:

app.module.ts

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app-routing.module.ts

const routes: Routes = [
  {
    path: '',
    redirectTo: 'xxx',
    pathMatch: 'full'
  },
  {
    path: 'xxx',
    loadChildren: './xxx/xxx.module#XxxModule'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.component.html

<h1>Hello World</h1>

<router-outlet></router-outlet>

xxx.module.ts

@NgModule({
  imports: [
    CommonModule,
    AvatarModule,
    XxxRoutingModule
  ],
  declarations: [XxxComponent]
})
export class XxxModule { }

xxx-routing.module.ts

const routes: Routes = [
  {
    path: '',
    component: XxxComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class XxxRoutingModule { }

xxx.component.ts inside xxx module

@Component({
  selector: 'app-xxx',
  templateUrl: './xxx.component.html',
  styleUrls: ['./xxx.component.css']
})
export class XxxComponent implements OnInit {
  constructor() { }

  ngOnInit() {
  }
}

xxx.component.html

<ngx-avatar value="HW"></ngx-avatar>