angular项目添加路由不起作用

1.问题描述

在原来的angular项目中增加新的组件，增加组件时需要在app-routing.module.ts文件中添加路由，如下所示：

但是访问robot路径时，跳转到home页面，而非新增的robot页面

2.问题分析

{ path: '**', redirectTo: 'home', pathMatch: 'full' }：这是一个通配符路由，它会匹配任何未被其他路由定义的路径，并将用户重定向到 'home' 路径。

当用户访问 'robot' 路径时，由于通配符路由 { path: '**', ... } 在路由表中会首先被检查，导致用户被重定向到 'home' 路径，这意味着 RobotComponent 将不会被加载和显示。

3.解决方法

将两条路由的顺序反过来即可，如下所示：