Question

我正在尝试设置一个可以路由应用程序的模块。我最终设置了所有变量，但似乎我错过了一些因为我收到错误： ＆＃34;错误：未捕获（承诺）：错误：无法找到要加载的主要插座＆＃39; IndexComponent＆＃39; 错误：无法找到要加载＆＃39; IndexComponent＆＃39;＆＃34; 的主要插座我不确定在我的代码改变/盯着/研究2小时后在哪里寻找。

我的代码：

routing.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes, RouterModule } from '@angular/router';
//Components
import { IndexComponent } from './index/index.component';


export const routes: Routes = [
  {path: '',pathMatch: 'full', component: IndexComponent}
]

@NgModule({
  imports: [
    CommonModule,
    [RouterModule.forRoot(routes)],
  ],
  exports: [RouterModule],
  providers: [],
  declarations: []
})
export class RoutingModule { }

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AlertModule } from 'ng2-bootstrap';
import { RoutingModule } from './routing.module';

import { AppComponent } from './app.component';
import { NavBarComponent } from './components/nav-bar/nav-bar.component';
import { IndexComponent } from './index/index.component';

@NgModule({
  declarations: [
    AppComponent,
    NavBarComponent,
    IndexComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RoutingModule,
    [AlertModule.forRoot()]
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

确认您的模板中有主插座：

<router-outlet></router-outlet>

该行应该在app.component.html文件或模板字符串中的某处。

Angular2 Routing抛出错误

1 个答案: