Angular 8路由匹配失败求助：访问/student路由报错

我一眼就揪出问题所在啦——你这是犯了Angular新手常踩的路由配置小坑：

核心问题：路由路径的斜杠写法错误 #

在Angular的Routes配置里，path属性的值绝对不能以斜杠（/）开头。你当前的路由代码是：

const routes: Routes = [{path:'/student', component:StudentComponent},];

这里的'/student'带了前置斜杠，会让Angular无法正确匹配http://localhost:4000/student这个路径。

修正方案 #

把path里的前置斜杠去掉，改成如下配置即可：

const routes: Routes = [{path:'student', component:StudentComponent},];

保存修改后，重启你的Angular应用（如果用了Universal，记得重新构建服务端包再启动），再访问http://localhost:4000/student就能正常匹配到StudentComponent了。

额外排查点（如果修正后仍有问题） #

要是改完路径还是报错，可以检查这几个地方：

• 确认StudentComponent已经在AppModule的declarations数组中声明，且正确导入
• 检查app-routing.module.ts是否已经被导入到AppModule的imports数组里
• 如果用了Angular Universal，确保服务端的路由配置和客户端完全一致，没有单独的服务端路由覆盖规则

内容的提问来源于stack exchange，提问作者user12682461