[Solved] What is wrong with this AppModule snippet?@NgModule({ declarations: [AppComponent], imports: [BrowserModule], bootstrap: [] }) export class AppModule { } | Angular

Angular - Modules

What is wrong with this AppModule snippet?

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  bootstrap: []
})
export class AppModule { }

ABrowserModule should be in providers array.

BAppComponent should be in imports array.

CBootstrap array cannot be empty in root module.

DDeclarations array cannot have components.

Step-by-Step Solution

Solution:

Step 1: Understand bootstrap array role
The bootstrap array defines the root component to load when the app starts.
Step 2: Check consequences of empty bootstrap
If bootstrap is empty, Angular does not know which component to load first, causing the app to fail.
Final Answer:
Bootstrap array cannot be empty in root module. -> Option C
Quick Check:
Bootstrap must have root component [OK]

Quick Trick: Bootstrap array must include root component [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this AppModule snippet?