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