angular2路由与角度路由器3 rc-1

时间:2016-08-29 09:53:44

标签: angular angular-routing angular-cli

我正在按照本教程http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html#demos在我的新angular2应用程序中实现路由器

这是我的路由代码:

      import { NgModule } from '@angular/core';
      import { BrowserModule } from '@angular/platform-browser';
      import { RouterModule } from '@angular/router';

      import { LogComponent } from './app/log/log.component.ts';
      import { ReplayComponent } from './app/replay/replay.component.ts';

      import { AppRoutes } from './app.routes';

      @NgModule({

        imports: 
        [
          BrowserModule,
          RouterModule.forRoot(AppRoutes)
        ],

        declarations: 
        [
          LogComponent,
          ReplayComponent
        ],

        bootstrap: [LogComponent]
      })

由于某种原因,无法使用此错误进行编译

错误:Typescript发现以下错误:folder / tmp / broccoli_type_script_compiler-input_base_path-Q0BBqeqo.tmp / 0 / src / main.ts(25,3):预期声明。

第25行是路由器代码的最新一行,看起来像编译器不喜欢")"在末尾。

LogComponent& Replaycomponent只是通过ng g component(angular cli)生成的默认脚本,尚未编辑。

app.routes.ts

import { LogComponent } from './app/log/log.component';
import { ReplayComponent } from './app/replay/replay.component';

export const AppRoutes = [
 { path: '', component: LogComponent },
 { path : '/replay', component : ReplayComponent}
];

0 个答案:

没有答案