Angular library project uses ng-bootstrap

Question

I'm creating an Angular 5 library project where ng-bootstrap is used, and it's working fine when ng serve from its own project folder. Now, it is installed to another Angular 5 app project, and when launching the app, it gives this exception:

    ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[NgbTypeahead -> NgbTypeaheadConfig]: 
  StaticInjectorError(Platform: core)[NgbTypeahead -> NgbTypeaheadConfig]: 
    NullInjectorError: No provider for NgbTypeaheadConfig!
Error: StaticInjectorError(AppModule)[NgbTypeahead -> NgbTypeaheadConfig]: 
  StaticInjectorError(Platform: core)[NgbTypeahead -> NgbTypeaheadConfig]: 
    NullInjectorError: No provider for NgbTypeaheadConfig!

In the library project, I've added NgbModule.forRoot() to app.module.ts, and I also tried to add NgbModule.forRoot() to the app project but it doesn't work. Furthermore, I don't think the dependencies configuration used in library project should be re-declared in the app project.

Please advise on this case. Thank you very much.

Softhinker.com · Accepted Answer · 2018-01-15 23:45:56Z

1

NgbModule.forRoot() should be added in the feature.module.ts in library project instead of app.module.ts. And then reinstall it to the app, it works.

answered Jan 15, 2018 at 23:45

Softhinker.com

6142 gold badges11 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular library project uses ng-bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related