Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Uncaught Error: Unexpected directive 'NgbTypeahead' imported by the module 'AppModule'. Please add a @NgModule annotation.
See original GitHub issueBug description:
Followed the instructions on https://ng-bootstrap.github.io/#/getting-started
Installed ng-bootstrap:
npm install --save @ng-bootstrap/ng-bootstrap
Imported:
import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
Declared:
@NgModule({ declarations: [AppComponent], imports: [NgbTypeahead], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
When running the app I get an error: Uncaught Error: Unexpected directive ‘NgbTypeahead’ imported by the module ‘AppModule’. Please add a @NgModule annotation.
Versions of Angular, ng-bootstrap and Bootstrap:
Angular CLI: 7.3.5 Angular: 7.2.9 ng-bootstrap:4.1.0 Bootstrap:4.3.1
@NgModule annotation is there, not sure what is wrong! Thank you.
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
It never says
imports: [NgbTypeahead](!) - I guess you’ve meantimports: [NgbTypeaheadModule]Unexpected directive ‘NgbTypeahead’ imported by the module ‘AppModule’. Please add a @NgModule annotation.
Can anyone have a proper and exact solution for this?