S'il vous plaît ajouter un @Pipe/@Directive/@Composant d'annotation. Erreur

Je suis coincé dans une situation ici. J'obtiens une erreur comme ça.

 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 (<anonymous>)
    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)

Mon Composant Login Ressemble à ceci

import { Component } from '@angular/Core';

@Component({
    selector:'login-component',
    templateUrl:'./login.component.html'
})

export class LoginComponent{}

app.le module.ts

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 { }

J'ai eu cette erreur lorsque j'essaie d'importer LoginComponent dans la déclaration. Ai-je raté quelque chose ici.

OriginalL'auteur Krishna | 2017-10-03

  1. 7

    Vous avez une faute de frappe dans l'importer dans votre LoginComponent'fichier

    import { Component } from '@angular/Core';

    C'est minuscule c, pas de majuscules

    import { Component } from '@angular/core';

    je suis encore en train d'erreur!!
    u doit avoir eu la réponse. quelle a été l'erreur

    OriginalL'auteur Almost Handsome

  2. 9

    Pas une solution de l'exemple concret ci-dessus, mais il peut y avoir plusieurs raisons pourquoi vous obtenez ce message d'erreur. Je l'ai eu quand j'ai accidentellement ajouté un module pour le module liste de déclarations et non pas les importations.

    Dans l'app.le module.ts:

    import { SharedModule } from './modules/shared/shared.module';

@NgModule({
  declarations: [
     //Should have been added here...
  ],
  imports: [
     SharedModule //wrong
  ],

    OriginalL'auteur andersh

  3. 1

    L'erreur ci-Dessus se produit si mal à l'importation fait.
    Par exemple, certains fichiers peuvent être ajoutés au Banc d'essai.configureTestingModule.
    Et également lors de l'importation de Matières composant par exemple l'importation de

    import {MatDialogModule} from '@angular/material/dialog'

    pas de

    import {MatDialogModule} from '@angular/material'
    Le Format de votre réponse

    OriginalL'auteur harshith hanthur manjunath

  4. 1

    J'ai eu un composant déclaré sans styleUrls propriété, comme ceci: 

    @Component({
    selector: 'app-server',
    templateUrl: './server.component.html'
})

    au lieu de: 

    @Component({
    selector: 'app-server',
    templateUrl: './server.component.html',
    styleUrls: ['./server.component.css']
})

    Ajoutant dans le styleUrls bien résolu le problème.

    OriginalL'auteur Silviu Panait