modulos - que es un componente en angular

Directiva inesperada ''LoginComponent'' importada por el módulo ''AppModule''. Por favor agregue una anotación @NgModule

Question

Estoy usando Angular 2 y Meteor. La generación de componentes produce el siguiente error:

Unexpected directive ''LoginComponent'' imported by the module ''AppModule''. Please add a @NgModule annotation.  

el archivo app.module.ts es

import { NgModule, ErrorHandler } from ''@angular/core'';
import { BrowserModule } from ''@angular/platform-browser'';
import { MyApp } from ''./app.component'';
import { LoginComponent } from ''../../components/login/login.component'';
import { SignupComponent } from ''../../components/signup/signup.component'';
import { ResourcesComponent } from ''../../components/resources/resources.component''; 
import { NavbarComponent } from ''../../components/navbar/navbar.component'';

@NgModule({
  declarations: [
    MyApp,
    LoginComponent,
    SignupComponent,
    ResourcesComponent
  ],
  entryComponents: [
    MyApp
  ],
  imports:[BrowserModule,
  LoginComponent,
  SignupComponent,
  ResourcesComponent
  ],
  bootstrap: [MyApp]
})
export class AppModule {}

y el archivo login.component.ts es

import ''zone.js'';
import ''reflect-metadata'';
import { Component } from ''@angular/core'';
import template from "./login.html";

@Component({
  selector: ''login'',
  template
})
export class LoginComponent {}

Answer 1

En un NgModule.imports , solo puede listar módulos. No componentes. Así que el problema está aquí:

imports:[BrowserModule, LoginComponent, SignupComponent, ResourcesComponent ]

Quite los componentes y eche un vistazo a las preguntas frecuentes de NgModules

¿Qué debo importar?

Importe módulos cuyas clases públicas (exportadas) declarables necesita referenciar en las plantillas de componentes de este módulo