[Solved] Identify the error in this code snippet migrating from NgModules:... Identify the error in this code snippet migrating from NgModules:import { bootstrapApplication } from '@angular/platform-browser'; | Angular

Angular - Standalone Components

Identify the error in this code snippet migrating from NgModules:

import { bootstrapApplication } from '@angular/platform-browser';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  template: `Welcome`
})
export class AppComponent {}

bootstrapApplication(AppComponent, {
  providers: []
});

AbootstrapApplication requires bootstrapModule instead

BMissing imports array for dependencies in @Component

CStandalone components cannot have providers

DSelector 'app-root' is invalid for standalone components

Step-by-Step Solution

Solution:

Step 1: Check standalone component dependencies
If the component uses other modules or components, they must be listed in the imports array inside @Component.
Step 2: Analyze given code
The component has no imports array. The template uses *ngIf, which requires CommonModule in imports.
Final Answer:
Missing imports array for dependencies in @Component -> Option B
Quick Check:
Standalone components need imports: [CommonModule] for directives like *ngIf [OK]

Quick Trick: Standalone components need imports for dependencies [OK]

Common Mistakes:

Thinking bootstrapApplication needs bootstrapModule
Believing providers are disallowed in standalone
Assuming selector rules changed for standalone

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Identify the error in this code snippet migrating from NgModules:

Step 1: Check standalone component dependencies

Step 2: Analyze given code

Final Answer:

Quick Check:

Want More Practice?