[Solved] Find the error in this standalone component code:@Component({ selector: 'app-demo', standalone: true, template: `Demo works!`, imports: [CommonModule] }) export class DemoComponent {} | Angular

Angular - Standalone Components

Find the error in this standalone component code:

@Component({
  selector: 'app-demo',
  standalone: true,
  template: `Demo works!`,
  imports: [CommonModule]
})
export class DemoComponent {}

ACommonModule cannot be imported in standalone components.

BCommonModule must be imported from '@angular/common'.

Cimports array is not allowed in standalone components.

DNo error; this is a correct standalone component declaration.

Step-by-Step Solution

Solution:

Step 1: Check CommonModule import
CommonModule must be imported from '@angular/common' before usage.
Step 2: Analyze given code
The code snippet does not show the import statement for CommonModule, which causes an error.
Final Answer:
CommonModule must be imported from '@angular/common'. -> Option B
Quick Check:
Missing import statement causes error = CommonModule must be imported from '@angular/common'. [OK]

Quick Trick: Always import CommonModule from '@angular/common' before use [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Find the error in this standalone component code: