[Solved] What is wrong with this routes array?const routes = [ { path: '', component: HomeComponent }, { path: '', component: DashboardComponent } ]; | Angular

Angular - Routing

What is wrong with this routes array?

const routes = [
  { path: '', component: HomeComponent },
  { path: '', component: DashboardComponent }
];

AEmpty path is not allowed in routes

BComponent names must be lowercase

CRoutes array cannot have more than one element

DDuplicate empty path causes routing conflict

Step-by-Step Solution

Solution:

Step 1: Identify duplicate paths
Both routes use empty string '' as path, causing conflict.
Step 2: Understand routing behavior with duplicates
Angular cannot decide which component to load for empty path, causing errors.
Final Answer:
Duplicate empty path causes routing conflict -> Option D
Quick Check:
Duplicate paths cause routing conflicts [OK]

Quick Trick: Each path must be unique in routes array [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is wrong with this routes array?