Angular路由匹配失败排查:访问/question跳转至空白页
问题原因与解决办法
路由匹配默认大小写敏感:你在
app.module.ts里配置的路由路径是'Question'(首字母大写),但实际访问的URL是/question(全小写),Angular找不到匹配的路由规则,因此抛出NG04002错误并跳转至空白页。两种解决方式:
- 统一大小写:要么把访问URL改成
http://localhost:4200/Question,和配置的路径保持一致;要么修改路由配置,将'Question'改为'question',与访问URL的大小写匹配。 - 关闭路由大小写校验:在
RouterModule.forRoot()的配置项中添加caseSensitiveMatch: false,让路由匹配忽略大小写,示例代码:
RouterModule.forRoot([ { path: 'Question', component: QuestionComponent }, { path: 'Questions', component: QuestionsComponent } ], { caseSensitiveMatch: false })- 统一大小写:要么把访问URL改成
内容的提问来源于stack exchange,提问作者Masoud
相关产品推荐
相关产品推荐

