Angular2 - エラーが発生しました：「例外：MyComponentに指令がありません」

Question

他のファイルから指令をインポートしようとしたときに、エラーが発生しましたEXCEPTION: No Directive annotation found on MyComponent - これを解決するには？ここ

は私のコードは次のとおりです。

app.component.ts：

import {Component} from 'angular2/core'; 
import {MyComponent} from "./app.my-component" 

@Component({ 
    selector: 'app', 
    template: ` 
     <h1>Hellow World</h1> 
     <span>Here is your component:</span> 
     <my-component></my-component> 
    `, 
    directives: [MyComponent] 
}) 

export class AppComponent { } 

app.mycomponent.ts：

import {Component} from 'angular2/core'; 

@Component({ 

    selector : 'my-component', 

    template : `<h2>This is from My component</h2>` 

}); 

export class MyComponent { }; 

しかし、私のようにエラーを取得しています：解決する方法No Directive annotation found on MyComponentこの？

Answer 1

;は、コンポーネントの末尾にComponentの指示括弧を付けて削除する必要があります。

import {Component} from 'angular2/core'; 

@Component({ 

selector : 'my-component', 

template : `<h2>This is from My component</h2>` 

}) 
export class MyComponent { }; 

Answer 2

多分、相対パスを作成する必要があります。これは、インポートするコンポーネントは、あなたがでコンポーネントをインポートするスクリプトに対して配置される場所に依存。

import {MyComponent} from "../app.my-component"

または

import {MyComponent} from "./app.my-component"ような何か。

あなたがフォルダ構造を投稿した場合でも役立ちます。

Answer 3

でも、私はこれでもまだ「学習」していますが、私はあなたと同じメッセージを持っています。私はそれを解決したと思う ...

はここに私の答えを見つけた：https://angular.io/docs/ts/latest/guide/attribute-directives.html

は、あなたのapp.mycomponent.tsにこれを追加します。

import {Directive} from 'angular2/core'; 

とディレクティブを追加します。

@Directive({ 
    selector: '[MyComponent]' 
}) 

これは少し助けてくれることを願っています。

は再び、これは...正しい方法である私の場合は

Answer 4

場合はわからない、特定のクラスのエクスポート、およびその他のコンポーネントでそのクラスのインポートに問題がありました。

しかし、このエラーは明示的には表示されず、代わりにコンソールのEXCEPTION: No Directive annotation...に例外として表示されます。明示的にこのエラーを取得するために

：再実行npm start

1. 停止ローカルサーバー
2. （角クイックスタート設定を仮定して）

以前の意志を隠された任意の電流誤差すぐに表示されます。