Angular 14：当在<a>标签内添加用于重定向到页面的routeLink时，标题按钮消失

Question

我在为标题按钮创建链接时遇到问题。
我使用下面的项目代码片段创建了标题。当我在 [home and Country] 按钮的

<a>

标签内添加 RouteLink 时，两个按钮都从头部消失。如果我将其从

<a>

按钮中删除，则会显示在标题中。

<nav class="navbar navbar-expand-lg bg-light">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">Navbar</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link "  routerLink="/">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" routerLink="countries">Countries</a>
          </li>
        </ul>
      </div>
    </div>
</nav>

当我在控制台上检查时，“` 标签中缺少名称（家乡和国家/地区）。

我该如何解决这个问题？

Answer 1

问题出在 app-routing.module.ts 文件上 尝试从路径中删除“/”

Answer 2

我遇到了同样的问题，我之前已经这样设置了路线

const routes: Routes = [
  {path: "/", component: HomeComponent },
];

所以只需将路线更改为

const routes: Routes = [
  {path: "", component: HomeComponent },
];

Answer 3

我做了但又不起作用了？有什么建议