Angular4路由错误作为组件不是任何模块的一部分

Question

我从 cli 下载了一个项目并采用了 2 个组件 1) 路由 2) 员工组件 Routing.ts

import { RouterModule, Routes } from '@angular/router';
import { ModuleWithProviders } from '@angular/core/src/metadata/ng_module';
import { EmployeeCompoennt } from './Employee/Employee.Compoennt'
import{AppComponent} from './app.component'

export const AppRoutes: Routes = [
    { path: '', component: AppComponent },
    { path: 'calc', component: EmployeeCompoennt }
];

export const ROUTING: ModuleWithProviders = RouterModule.forRoot(AppRoutes);

Employee.ts

@Component({

})
export class EmployeeCompoennt{

app.module.ts

 import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { AppComponent } from './app.component';
    import{ROUTING} from './Routing.component';
    import{EmployeeCompoennt} from '../app/Employee/Employee.Compoennt';

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,ROUTING
      ],
      providers: [EmployeeCompoennt],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

这里出现错误，因为 Employee 组件不是任何模块的一部分。

Answer 1

"EmployeeComponent" 应该在声明数组中声明，而不是在提供程序中声明（因为提供程序用于服务）。

Answer 2

您必须在声明中声明 EmployeeCompoennt，并且 EmployeeCompoennt class名称应为 EmployeeComponent。

@NgModule({
  declarations: [
    AppComponent,
    EmployeeCompoennt
  ],
  imports: [
    BrowserModule,ROUTING
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Angular4路由错误作为组件不是任何模块的一部分

Angular4 routing Error as component is not a part of any module

angular2-routing