无法在 Angular 2 中设置路由

Question

按照在官方网站上实现路由的步骤，我已经为我的新 ng2 应用程序设置了一些路由，但我无法使其工作。

我的路线文件。

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

import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
import { SchoolComponent } from './school/school.component';
import { AdminComponent } from './admin/admin.component';
import { HomeComponent } from './home/home.component';

// Route Configuration
export const routes: Routes = [
    { path: '', component: HomeComponent },
    { path: 'users', component: UserComponent },
    { path: 'schools', component: SchoolComponent },
    { path: 'admins', component: AdminComponent },
];
export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

模块文件

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
import { SchoolComponent } from './school/school.component';
import { AdminComponent } from './admin/admin.component';
import { HomeComponent } from './home/home.component';
import { routing } from './app.routes';

@NgModule({
  declarations: [
    AppComponent,
    UserComponent,
    SchoolComponent,
    AdminComponent,
    HomeComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    routing
  ],
  providers: [],
  bootstrap: [AppComponent],

})
export class AppModule { }

当我尝试访问路由时，我在控制台中遇到了这些错误

    error_handler.js:47 EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load 'UserComponent'
Error: Cannot find primary outlet to load 'UserComponent'

我不知道我做错了什么。任何帮助将不胜感激。谢谢

Answer 1

找不到主插座意味着您还没有将 router-outlet 添加到 HTML .你只需要像这样在 HTML 中添加它，

<router-outlet></router-outlet>

无法在 Angular 2 中设置路由

Can not set up routes in Angular 2

angular-routing

angular