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

Angular - Modules

What is wrong with this NgModule definition?

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

ANgModule must have <code>imports</code> defined

B<code>declarations</code> should be empty when using bootstrap

C<code>AppComponent</code> must be in <code>providers</code>

D<code>bootstrap</code> should be an array, not a single component

Step-by-Step Solution

Solution:

Step 1: Check bootstrap property type
The bootstrap property expects an array of components to bootstrap.
Step 2: Identify the syntax error
Providing a single component without array brackets causes an error.
Final Answer:
bootstrap should be an array, not a single component -> Option D
Quick Check:
Bootstrap must be an array of components [OK]

Quick Trick: Always wrap bootstrap components in an array [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 NgModule definition?