title: Please add a @Pipe/@Directive/@Component annotation. Error
body: <p>I am stuck in a situation here. I am getting an error like this. </p>
  
  <pre><code> compiler.es5.js:1694 Uncaught Error: Unexpected value 'LoginComponent' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation.
      at syntaxError (compiler.es5.js:1694)
      at compiler.es5.js:15595
      at Array.forEach (&lt;anonymous&gt;)
      at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js:15577)
      at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._loadModules (compiler.es5.js:26965)
      at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileModuleAndComponents (compiler.es5.js:26938)
      at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler.compileModuleAsync (compiler.es5.js:26867)
      at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_._bootstrapModuleWithZone (core.es5.js:4536)
      at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_.bootstrapModule (core.es5.js:4522)
      at Object.../../../../../src/main.ts (main.ts:11)
  </code></pre>
  
  <p>My Login Component Looks like this</p>
  
  <pre><code>import { Component } from '@angular/Core';
  
  @Component({
      selector:'login-component',
      templateUrl:'./login.component.html'
  })
  
  export class LoginComponent{}
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { CommonModule } from '@angular/common'
  import { HttpModule } from '@angular/http';
  import { ReactiveFormsModule} from '@angular/forms';
  import { RouterModule, Routes } from '@angular/router';
  import { AppComponent } from './main/app.component';
  
  import {LoginComponent} from './login/login.component';
  
  
  const appRoutes: Routes = [
    {path:'', redirectTo:'login', pathMatch:'full'},
    { path: 'home', component: AppComponent },
    { path: 'login', component: LoginComponent }
  ];
  
  @NgModule({
    imports: [
      BrowserModule,
      RouterModule.forRoot(appRoutes),
    ],
    declarations: [
      AppComponent,
      LoginComponent
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>I got this error when I try to import LoginComponent into declaration. Am I missing something here. </p>