[Solved] What is wrong with this lazy loading route configuration?{ path: 'settings', loadChildren: () => import('./settings/settings.module').then(m => m.SettingModule) } | Angular

Angular - Modules

What is wrong with this lazy loading route configuration?

{ path: 'settings', loadChildren: () => import('./settings/settings.module').then(m => m.SettingModule) }

AThe module class name is incorrect; it should be SettingsModule

BThe import path should not include './' prefix

CLazy loading requires a string path, not a function

DThe path property must be an array, not a string

Step-by-Step Solution

Solution:

Step 1: Check module class name
The module class name must exactly match the exported class in the module file.
Step 2: Verify import path
The './settings/settings.module' path is valid and correct.
Step 3: Confirm syntax
Using a function with dynamic import() is the correct lazy loading syntax.
Final Answer:
The module class name is incorrect; it should be SettingsModule -> Option A
Quick Check:
Module class name must match export [OK]

Quick Trick: Module class name must be exact [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this lazy loading route configuration?