Ошибка маршрутизации 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

Вы должны объявить EmployeeCompoennt в объявлении, а также имя класса EmployeeCompoennt должно быть EmployeeComponent.

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

Answer 2

«EmployeeComponent» должен быть объявлен в массиве объявлений, а не в провайдерах (потому что провайдеры предназначены для служб).