angular 2-在TestComponent上未找到指令注释

角度版本2.0.0-rc.4

测试组件.ts

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

Component({
    selector: 'test',
    templateUrl: 'templates/test.tpl.html'
})

export class TestComponent{

}

import {Component} from "@angular/core";
import {OnInit} from "@angular/core";
import {TestComponent} from "./test.component";

@Component({
    selector: 'my-component',
    template: `
        I am <span [style.color]="inputElement.value === 'yes' ? 'red' : '' ">{{name}}</span>. 
        <br>
        <br>
        <span [class.it-awesome]="inputElement.value==='yes'">It awesome!</span>
        <input type="text" #inputElement (keyup)="0"/>
        <button [disabled]="inputElement.value !=='yes'">Only enabled if 'yes' was entered </button>
        <test></test>
    `,
    styleUrls: ['assets/scss/mycomponent.scss'],
    directives: [TestComponent]

})
export class MyComponentComponent implements OnInit {
    name: string;

    ngOnInit():any {
        this.name = "Dima";
    }
}

我的组件.component.ts

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

Component({
    selector: 'test',
    templateUrl: 'templates/test.tpl.html'
})

export class TestComponent{

}

import {Component} from "@angular/core";
import {OnInit} from "@angular/core";
import {TestComponent} from "./test.component";

@Component({
    selector: 'my-component',
    template: `
        I am <span [style.color]="inputElement.value === 'yes' ? 'red' : '' ">{{name}}</span>. 
        <br>
        <br>
        <span [class.it-awesome]="inputElement.value==='yes'">It awesome!</span>
        <input type="text" #inputElement (keyup)="0"/>
        <button [disabled]="inputElement.value !=='yes'">Only enabled if 'yes' was entered </button>
        <test></test>
    `,
    styleUrls: ['assets/scss/mycomponent.scss'],
    directives: [TestComponent]

})
export class MyComponentComponent implements OnInit {
    name: string;

    ngOnInit():any {
        this.name = "Dima";
    }
}

从“@angular/core”导入{Component}；
从“@angular/core”导入{OnInit}；
从“/test.component”导入{TestComponent}；
@组成部分({
选择器：“我的组件”，
模板：`
我是{{name}。




太棒了！
仅在输入“是”时启用
`,
样式URL:['assets/scss/mycomponent.scss']，
指令：[测试组件]
})
导出类MyComponentComponent实现OnInit{
名称：字符串；
ngOnInit（）：任何{
this.name=“Dima”；
}
}

---

在控制台中，google chrome每次显示错误：在TestComponent上找不到指令注释。为什么找不到？文件名为test.component.ts

有一个拼写错误。在组件之前添加@before

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

@Component({
    selector: 'test',
    templateUrl: 'templates/test.tpl.html'
})
export class TestComponent{

}