Angular命名路由出口无匹配的路由
创始人
2024-10-28 13:01:05
0次
  1. 确认在路由配置中定义的路由是否正确并且与命名路由出口匹配。

例如，命名路由出口定义为“sidebar”，那么路由配置应该是这样的：

const routes: Routes = [ { path: 'home', component: HomeComponent, outlet: 'sidebar' }, { path: 'about', component: AboutComponent, outlet: 'sidebar' } ];

  1. 确认在页面中使用的命名路由出口是否正确。

例如，如果我们要在AppComponent组件中使用named router outlet，“sidebar”，那我们应该在AppComponent组件的HTML模板中这样使用：

注意，这里的name属性与定义路由时outlet属性的值应该匹配。

如果以上两步确认都无误，但仍然出现“named router outlet no matched routes”的错误提示，那有可能是因为路由的配置发生了改变，但我们并没有重新编译应用程序导致的。此时，我们只需重新编译应用程序，即可解决这个错误。

上一篇：Angular命名路由出口的路由和导航无法匹配任何路由

下一篇：Angular命名模型的良好实践

相关内容

热门资讯

推荐一款！we辅助poker，... 推荐一款！we辅助poker，aapoker透视辅助，攻略教程（素来是有挂）；小薇（透视辅助）致您一...
揭秘几款！wepower有辅助... 揭秘几款！wepower有辅助软件吗，wepoke真的有挂，德州教程（素来是有挂）您好，wepoke...
新手必备！fishpoker扑... 新手必备！fishpoker扑克辅助，德州ai人工智能，揭秘教程（竟然真的有挂）1、德州ai人工智能...
最新技巧！wpk德州ai机器人... 最新技巧！wpk德州ai机器人，aapoker有外挂，AI教程（先前存在有挂）德州ai机器人辅助器中...
大神普及！德扑之星怎么在电脑上... 大神普及！德扑之星怎么在电脑上玩，wepoke有辅助挂，黑科技教程（果然有挂）是一款可以让一直输的玩...
实测必看！微扑克德州专用辅助器... 实测必看！微扑克德州专用辅助器，wepokeai机器人，攻略教程（一直真的有挂）1、超多福利：超高返...
查到实测辅助！微扑克辅助器是骗... 查到实测辅助！微扑克辅助器是骗人吗，德州免费辅助神器app，详细教程（果然有挂）德州免费辅助神器ap...
玩家必备教程！德州ai免费，w... 1、玩家必备教程！德州ai免费，wpk有辅助挂，规律教程（最初存在有挂）；代表性（透视辅助软件透明挂...
玩家必备科技！微扑克怎么用ai... 玩家必备科技！微扑克怎么用ai辅助，aapoker挂，新2025版（起初是有挂）1.aapoker挂...
盘点十款！来玩德州app辅助工... 盘点十款！来玩德州app辅助工具，aapoker辅助，透明挂教程（一直有挂）1、不需要AI权限，帮助...