2017-04-04 138 views
3

我正在製作一個名爲headerComponent的組件,並在app.component.ts中導入,但獲取網站/ src/app/header/app.headerComponent「 '沒有出口成員‘headerComponent’錯誤我app.headerComponent.ts代碼如下「....沒有導出成員」 - 導入組件(Angular)中的錯誤

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

@Component({ 
selector: 'header', 
templateUrl: './app/header/header.html' 
}) 
export class headerComponent {} 

和app.component.ts代碼如下

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

import { headerComponent } from './header/app.headerComponent'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
    }) 
    export class AppComponent { 
    } 
+0

你將它添加到你的'@ NgModule'類似的錯誤? – echonax

+0

如何在NgModule中添加? –

+0

按照官方文檔中的教程:https://angular.io/docs/ts/latest/tutorial/toh-pt1.html – echonax

回答

1

您需要的組件添加到你的module.ts

import { headerComponent } from './header/app.headerComponent'; 

然後,

@NgModule({ 
    imports: [ 
    ], 
    declarations: [ 
    headerComponent 
    ] 
+0

從'@ angular/platform-b​​rowser'導入{BrowserModule}; 從'@ angular/core'導入{NgModule}; 從'@ angular/forms'導入{FormsModule}; 從'@ angular/http'導入{HttpModule}; 從'./app.component'導入{AppComponent}; 從'./header/app.headerComponent'導入{headerComponent}; @NgModule({ 聲明: AppComponent,headerComponent ], 進口: BrowserModule, FormsModule, HTTP模塊 ], 提供商:[], 自舉:[AppComponent,headerComponent] }) 導出類AppModule {} –

+0

我已經這樣做了app.module.ts文件 –

+0

已經有AppComponent我應該添加headerComponent,在聲明中? –

0

修正通過更新版本打字稿

相關問題