Angular 角度2布线-找不到要加载的主出口'；AppComponent'；

我正在尝试创建一个简单的angular应用程序，其中我创建了一个登录组件

成功登录后，用户需要登陆仪表板页面，我也为其创建了一个仪表板组件

然后我尝试使用角度导航创建了一个路由文件

import { RouterModule, Routes } from '@angular/router';
import { ModuleWithProviders } from '@angular/core';

import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { DashBoardComponent } from './dash-board/dash-board.component';

export const rotuer: Routes = [
{ path: 'dashBoard', component: DashBoardComponent },
 { path: 'App', component: AppComponent },
// { path: '**', component: PageNotFoundComponent }
 ];
 export const routes: ModuleWithProviders  =RouterModule.forRoot(rotuer);

应用程序模块上的代码文件引用

import {routes} from './app.route'

imports: [
   BrowserModule,
  FormsModule,
 HttpModule,
 routes,
// RouterModule.forRoot(appRoutes)

],

现在，我在登录组件上有一个登录按钮，单击该按钮，我将调用一个函数

 login() {
     alert(this.user.email);
      alert(this.user.password);
    // this.router.navigate(['/hero']);
      this.router.navigate(['App']);
   }

我能够接收用户电子邮件和密码，但这个.router.navigate（['App']）；或者这个.router.navigate（['DashBoard正在抛出错误]]）

找不到要加载“DashBoardComponent”的主出口

我试着把它放在 在…上 1.登录 2.跳板。 两页各3页

但仍然是n

---

无法解析。

您必须在加载组件的组件模板上粘贴

---

My git hub repo post-

您必须在加载组件的组件模板上粘贴一个

---

My git hub repo post-

您似乎错过了充当占位符的

，取而代之的是导航路线点的模板

---

将

放在尝试导航到仪表板页面的页面中。它应该可以解决您的问题。

您似乎错过了充当占位符的

，并被导航路线点的模板所取代

---

将

放在尝试导航到仪表板页面的页面中。它应该可以解决您的问题。

请显示您的html代码，您还必须粘贴到基本组件的模板上。请显示您的html代码，您还必须粘贴到基本组件的模板上