Angularjs 财产类型';进口';使用路由时不兼容

Angularjs 财产类型';进口';使用路由时不兼容,angularjs,angular,typescript,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 '

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);
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 { }
应用程序模块.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);
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 { }
结果:

编辑:
此错误仅在使用npm start时发生。如果我删除模块中的imports:row run npm start并再次添加这一行,一切正常。

我在Angular 2中没有升级到此路由器,但查看教程:它将路由常数键入导出常数路由:ModuleWithProviders。您将其命名为
AppModule
。谢谢!这解决了我的问题!(从@angular/core导入)