[Solved] Why does this lazy loading route cause an error? { path: 'about', loadComponent: () => import('./about.component').then(m => m.AboutModule) } | Angular

Angular - Standalone Components

Why does this lazy loading route cause an error?

{ path: 'about', loadComponent: () => import('./about.component').then(m => m.AboutModule) }

AIt tries to load a module instead of a standalone component.

BThe import path is incorrect.

CloadComponent cannot be used with arrow functions.

DThe route path 'about' is reserved.

Step-by-Step Solution

Solution:

Step 1: Understand loadComponent expects a component
loadComponent must load a standalone component, not a module.
Step 2: Analyze the code
The code loads 'AboutModule' which is a module, causing an error.
Final Answer:
It tries to load a module instead of a standalone component. -> Option A
Quick Check:
loadComponent loads components, not modules [OK]

Quick Trick: loadComponent must load a component, not a module [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why does this lazy loading route cause an error?