錯誤：無法匹配任何路由。 URL 段：角度9

Question

我使用 angular9+ 版本，我在我的路由器模塊中提供了所有路徑，但我得到了這種類型的錯誤 core.js:6228 錯誤錯誤：未捕獲（承諾）：錯誤：無法匹配任何路由。 URL 段：“mystore.component”錯誤：無法匹配任何路由。 URL 段：'mystore.component' at ApplyRedirects.noMatchError (router.js:4396) at CatchSubscriber.selector (router.js:4360) at CatchSubscriber.error (catchError.js:29) at MapSubscriber._error (Subscriber.js: 75) 在 MapSubscriber.error (Subscriber.js:55) 在 MapSubscriber._error (Subscriber.js:75) 在 MapSubscriber.error (Subscriber.js:55) 在 MapSubscriber._error (Subscriber.js:75) 在 MapSubscriber.error (Subscriber.js:55) 在 ThrowIfEmptySubscriber._error (Subscriber.js:75) 在 resolvePromise (zone-evergreen.js:798) 在 resolvePromise (zone-evergreen.js:750) 在 zone-evergreen.js:860 在 ZoneDelegate .invokeTask (zone-evergreen.js:399) 在 Object.onInvokeTask (core.js:41632) 在 ZoneDelegate.invokeTask (zone-evergreen.js:398) 在 Zone.runTask (zone-evergreen.js:167) 在 drainMicroTaskQueue (zone-evergreen.js:569) 在 ZoneTask.invokeTask [作為調用] (zone-evergreen.js:484)

mystore.component.html

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="la.jpg" alt="Los Angeles">
    </div>

    <div class="item">
      <img src="chicago.jpg" alt="Chicago">
    </div>

    <div class="item">
      <img src="ny.jpg" alt="New York">
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

menu.component.html

<nav class="navbar navbar-expand-sm bg-success navbar-dark">
  <ul class="navbar-nav">
    <li class="nav-item active">
      <a class=" nav-link"  routerLink="/mystore.component" routerLinkActive="active">MyStore</a>
    </li>
    <li class="nav-item">
      <a class=" nav-link"   routerLink="/admin.component" routerLinkActive="active">Admin</a>
    </li>
    <li class="nav-item">
      <a class=" nav-link"   routerLink="/users.component"  routerLinkActive="active">User</a>
    </li>
    <li class="nav-item">
      <div class="dropdown">
   <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
      Product
    </button> 
    <div class="dropdown-menu">
      <a class="dropdown-item" routerLink="#">Grosery</a>
      <a class="dropdown-item" routerLink="#">Vegetable</a>
      <a class="dropdown-item" routerLink="#">Cusmatic</a>
    </div>
  </div>
    </li>
  </ul>
</nav>

應用程序.路由.ts

  import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    import { AdminComponent } from './admin/admin.component';
    import { UsersComponent } from './users/users.component';
    import { MystoreComponent } from './mystore/mystore.component';

    const routes: Routes = [
        { path: '', redirectTo:'mystore',pathMatch: 'full'},
        { path: 'admin.component', component: AdminComponent },
        { path: 'users.component', component: UsersComponent }
    ];

    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

Answer 1

您正在重定向到mystore ，但沒有定義任何mystore路徑。 同樣在組件模板中，您將其稱為mystore.component 。 您需要確定一個路徑名。 嘗試以下

const routes: Routes = [
  { path: '', redirectTo:'mystore.component', pathMatch: 'full'},
  { path: 'admin.component', component: AdminComponent },
  { path: 'users.component', component: UsersComponent },
  { path: 'mystore.component', component: UsersComponent }
];

Answer 2

它曾經發生在我身上。 我已經深入到這個論壇來查看答案，但我沒有運氣。

就我而言，我無法將任何 routerLink 綁定到事件處理程序，但如果我寫下 url 的所需路徑，我可以訪問它。

例子

localhost:4200/dashboard

因為我看到你的項目還沒有那么復雜，我建議你生成一個新的！