Routing 如何正确实现angular 7中的命名路由器出口？

我的代码有问题。我试图让命名路线起作用，但我无法找出我做错了什么

我在官方网站和其他网站上试用了教程。我需要有一个导航栏（目前由应用程序菜单模拟），旁边有一个命名的路由器插座。当用户单击导航栏时，我想在它旁边显示组件。我的主路由器已用于其他用途

menu.component.html

<a [routerLink]="[{ outlets: { main: ['users'] } }]">Users</a>

当我单击用户链接时，出现以下错误：

错误：无法匹配任何路由。URL段：“主页”

你能帮帮我吗？我是新手

 <a [routerLink]="[{ outlets: { main: ['users'] } }]">
    users
</a>

使用者

/////////////////或

<button (click)="Users()" > users</button>

// in the component
  import { Router } from '@angular/router';

  constructor(private router: Router) {
  }
  users() {

   this.router.navigate([{ outlets: { main: ['users'] } }]);
  }

用户
//在组件中
从'@angular/Router'导入{Router}；
构造函数（专用路由器：路由器）{
}
用户（）{
导航（[{outlets:{main:['users']}]）；
}

虽然此代码片段可能是解决方案，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。

 <a [routerLink]="[{ outlets: { main: ['users'] } }]">
    users
</a>

<button (click)="Users()" > users</button>

// in the component
  import { Router } from '@angular/router';

  constructor(private router: Router) {
  }
  users() {

   this.router.navigate([{ outlets: { main: ['users'] } }]);
  }