[Solved] Identify the error in this shared module setup: @NgModule({ declarations: [SharedCardComponent], imports: [CommonModule] }) export class SharedModule {} @NgModule({ imports:... | Angular

Angular - Modules

Identify the error in this shared module setup:

@NgModule({
  declarations: [SharedCardComponent],
  imports: [CommonModule]
})
export class SharedModule {}

@NgModule({
  imports: [SharedModule],
  declarations: [DashboardComponent]
})
export class DashboardModule {}

DashboardComponent template uses <app-shared-card> but Angular throws an error.

ACommonModule should not be imported in SharedModule

BDashboardComponent should import SharedCardComponent directly

CDashboardModule should declare SharedCardComponent again

DSharedCardComponent is not exported from SharedModule

Step-by-Step Solution

Solution:

Step 1: Check SharedModule exports
SharedCardComponent is declared but not exported, so other modules can't use it.
Step 2: Understand Angular module sharing rules
To use a component from another module, it must be exported by that module.
Final Answer:
SharedCardComponent is not exported from SharedModule -> Option D
Quick Check:
Declare + export needed to share component [OK]

Quick Trick: Always export components to share them outside module [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this shared module setup: