[Solved] Why does this shared module cause an error?@NgModule({ declarations: [SharedComponent], exports: [SharedComponent], imports: [SharedModule] }) export class SharedModule {} | Angular

Angular - Modules

Why does this shared module cause an error?

@NgModule({
  declarations: [SharedComponent],
  exports: [SharedComponent],
  imports: [SharedModule]
})
export class SharedModule {}

AExports array cannot include components

BSharedComponent is not declared

CImports array must be empty in shared modules

DIt imports itself, causing a circular dependency

Step-by-Step Solution

Solution:

Step 1: Analyze imports array
The module imports itself, which creates a circular dependency error.
Step 2: Check declarations and exports
SharedComponent is declared and exported correctly, so no issue there.
Final Answer:
It imports itself, causing a circular dependency -> Option D
Quick Check:
Modules must not import themselves [OK]

Quick Trick: Never import the same module inside itself [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why does this shared module cause an error?