使用路由时,属性“导入”的类型不兼容

时间:2016-09-01 13:30:10

标签: angularjs angular typescript

app.routing.ts

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

import { LoginComponent }  from './components/login/login.component';
import { TestsComponent }  from './components/tests/tests.component';
import { NotFoundComponent }  from './components/notfound/notfound.component';
import { AppModule }  from './app.module';

const appRoutes: Routes = [
  { path: 'anmelden', component: LoginComponent },
  { path: 'tests', component: TestsComponent },
  { path: '**', component: NotFoundComponent }
];

export const appRoutingProviders: any[] = [

];

export const routing: AppModule = RouterModule.forRoot(appRoutes);

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { routing,
         appRoutingProviders } from './app.routing';

import { AppComponent }  from './components/app/app.component';
import { LoginComponent }  from './components/login/login.component';
import { TestsComponent }  from './components/tests/tests.component';
import { NotFoundComponent }  from './components/notfound/notfound.component';

@NgModule({
  declarations: [ AppComponent, LoginComponent, TestsComponent, NotFoundComponent ],
  imports: [ BrowserModule, routing ],
  providers: [ appRoutingProviders ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

结果:

enter image description here

编辑: 仅在使用 npm start 时才会出现此错误。如果我在模块中删除 imports: npm start 并再次添加此行,一切正常。

0 个答案:

没有答案