[Solved] Identify the error in this route config for lazy loading a standalone component: { path: 'profile', loadComponent: import('./profile.component').then(m => m.ProfileComponent) } | Angular

Angular - Standalone Components

Identify the error in this route config for lazy loading a standalone component:

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

AMissing arrow function wrapping the import call

BUsing loadComponent instead of component property

CIncorrect path string format

DMissing import statement at the top of the file

Step-by-Step Solution

Solution:

Step 1: Check loadComponent syntax
The loadComponent property must be a function returning a Promise, so it needs an arrow function wrapping the import.
Step 2: Identify missing arrow function
The code calls import directly without wrapping in a function, causing the component to load eagerly or a runtime error when the router tries to invoke it.
Final Answer:
Missing arrow function wrapping the import call -> Option A
Quick Check:
loadComponent requires () => import(...) [OK]

Quick Trick: Wrap import in arrow function for loadComponent [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this route config for lazy loading a standalone component: