Angular module importing and component usage

Question

I have a directory structure as shown in image

When I use <app-news-card> selector in app.component.html, it shows error of <app-news-card> not present in current module.

How should I fix this in the most best practical way.

Currently: I am

1.)exporting news-card.component from news.module

2.)then I have imported NewsModule in current.module with re-exporting NewsModule

3.)and then I have imported CurrentModule in app.module

Solution found from this thread: [https://stackoverflow.com/questions/46381730/angular-exported-component-from-module-not-useable-in-another-module](https://stackoverflow.com/questions/46381730/angular-exported-component-from-module-not-useable-in-another-module) — Padmesh, May 05 '20 at 11:10

score 0 · Answer 1 · answered May 05 '20 at 09:47

0

Make sure that you have the news card component in your declarations of your news.module. For example:

@NgModule({
  declarations: [NewsCardComponent],
  imports: [...],
  exports: [NewsCardComponent]
})

More information about boostrapping can be found here: Docs

answered May 05 '20 at 09:47

Jan Krüger

its present there and I have exported also. – Padmesh May 05 '20 at 09:59
Can you edit your answer and include news.module, current.module and app.module, or maybe provide a stackblitz or something? – Jan Krüger May 05 '20 at 10:01
Have a look at this [Stackblitz](https://stackblitz.com/edit/angular-imports) – Jan Krüger May 05 '20 at 10:21

1 Answers1