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

Angular - Standalone Components

Identify the error in this Angular bootstrapping code:

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

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

bootstrapApplication(AppComponent);

AMissing 'standalone: true' in the component decorator

BIncorrect import path for bootstrapApplication

CMissing bootstrapModule call instead of bootstrapApplication

DComponent selector should be 'app-root' in bootstrapApplication

Step-by-Step Solution

Solution:

Step 1: Check component decorator for standalone flag
The component lacks standalone: true, which is required for standalone bootstrapping.
Step 2: Understand bootstrapApplication requirements
Only standalone components can be bootstrapped with bootstrapApplication.
Final Answer:
Missing 'standalone: true' in the component decorator -> Option A
Quick Check:
Standalone flag required for bootstrapApplication [OK]

Quick Trick: Add standalone: true to component for bootstrapApplication [OK]

Common Mistakes:

Forgetting standalone: true in component
Using bootstrapModule with standalone component
Confusing selector name with bootstrapping method

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 Angular bootstrapping code:

Step 1: Check component decorator for standalone flag

Step 2: Understand bootstrapApplication requirements

Final Answer:

Quick Check:

Want More Practice?