title: No provider for simple component
body: <p>Makes no sense it was working until 5 mins ago ... 
  this is the component </p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {Osobaa} from '../osobaa';
  import { Osoba } from '../osoba';
  import {OsobaService} from '../osoba.service';
  
  @Component({
    selector: 'app-form-add',
    templateUrl: './form-add.component.html',
    styleUrls: ['./form-add.component.css']
  })
  export class FormAddComponent implements OnInit {
    osoba : Osobaa;
    constructor() { }
  
    ngOnInit() { }
  
  }
  </code></pre>
  
  <p>and this is the main app.module.ts</p>
  
  <pre><code>import { BrowserModule } from "@angular/platform-browser";
  import { NgModule } from "@angular/core";
  import {FormsModule} from "@angular/forms";
  
  import { AppComponent } from "./app.component";
  import { HeaderComponent } from "./header/header.component";
  import { LoginFormComponent } from "./login-form/login-form.component";
  import { FooterComponent } from "./footer/footer.component";
  import { DashboardComponent } from "./dashboard/dashboard.component";
  import { RouterModule, Routes } from "@angular/router";
  import {UserService} from './user.service';
  import {AuthguardGuard} from './authguard.guard';
  import { UserComponent } from "./user/user.component";
  import { NotfoundComponent } from './notfound/notfound.component';
  import { TableViewComponent } from './table-view/table-view.component';
  import {HttpClientModule} from '@angular/common/http';
  import {OsobaService} from './osoba.service';
  import { HttpModule } from '@angular/http';
  import { FormAddComponent } from './form-add/form-add.component';
  
  
  
  const appRoutes: Routes = [
    {
      path: "",
      component: LoginFormComponent
    },
    {
      path: "add" , 
      component: FormAddComponent
    },
    {
    path: "table", component : TableViewComponent
    },
  {
    path: "users/:name", 
    component : UserComponent
  },
    {
      path: "dashboard",
      canActivate:[AuthguardGuard],
      component: DashboardComponent
    },
    {
      path: '**',
      component: NotfoundComponent
    }
  ];
  
  @NgModule({
    declarations: [
      AppComponent,
      HeaderComponent,
      LoginFormComponent,
      FooterComponent,
      DashboardComponent,
      UserComponent,
      NotfoundComponent,
      TableViewComponent,
      FormAddComponent
    ],
    imports: [BrowserModule, RouterModule.forRoot(appRoutes),HttpModule,FormsModule],
    providers: [UserService,AuthguardGuard,HttpClientModule,OsobaService],
    bootstrap: [AppComponent]
  })
  export class AppModule {}
  </code></pre>
  
  <p>and the console error is  :</p>
  
  <p>ERROR Error: Uncaught (in promise): Error: StaticInjectorError[FormAddComponent]: 
    StaticInjectorError[FormAddComponent]: 
      NullInjectorError: No provider for FormAddComponent!
  Error: StaticInjectorError[FormAddComponent]: 
    StaticInjectorError[FormAddComponent]: 
      NullInjectorError: No provider for FormAddComponent!</p>