2017-10-03 30 views
4

私はここの状況で立ち往生しています。このようなエラーが発生しています。@ Pipe/@ Directive/@ Component注釈を追加してください。エラー

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) 

私のログインコンポーネントは、私は宣言にLoginComponentをインポートしようとすると、私はこのエラーを得た。この

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

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

export class LoginComponent{} 

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

ように見えます。私はここで何かを逃していますか

答えて

4

はあなたには、インポートのタイプミスを持っているあなたのLoginComponentのそれは、ないc小文字大文字だ

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

ファイル

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