我使用Angular2，并从官方网站下载了package.json。当我试图在@Component装饰器中使用“指令”时，我收到这个错误。
[ts]
Argument of type '{ selector: string; template: string; directives: string;
}' is not assignable to parameter of type 'ComponentMetadataType'.
Object literal may only specific known properties,and 'directives' does not
exist in type 'ComponentMetadataType'.
(property) directives: string
这是我的代码：
import { Component } from '@angular/core';
import { PeopleListComponent } from './people-list/people-list.component';
@Component({
selector: 'my-app',template: '<h1>{{ title }}</h1>',directives: '' //ERROR //NOT ABLE TO RECOGNIZE
})
export class AppComponent {
title = "My title";
}
这是我的package.json：
{
"name": "angular2-quickstart","version": "1.0.0","scripts": {
"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ","lite": "lite-server","postinstall": "typings install","tsc": "tsc","tsc:w": "tsc -w","typings": "typings"
},"license": "ISC","dependencies": {
"@angular/common": "2.0.0-rc.6","@angular/compiler": "2.0.0-rc.6","@angular/compiler-cli": "0.6.0","@angular/core": "2.0.0-rc.6","@angular/forms": "2.0.0-rc.6","@angular/http": "2.0.0-rc.6","@angular/platform-browser": "2.0.0-rc.6","@angular/platform-browser-dynamic": "2.0.0-rc.6","@angular/router": "3.0.0-rc.2","@angular/upgrade": "2.0.0-rc.6","core-js": "^2.4.1","reflect-Metadata": "^0.1.3","rxjs": "5.0.0-beta.11","systemjs": "0.19.27","zone.js": "^0.6.17","angular2-in-memory-web-api": "0.0.18","bootstrap": "^3.3.6"
},"devDependencies": {
"concurrently": "^2.2.0","lite-server": "^2.2.2","typescript": "^1.8.10","typings":"^1.3.2"
}
}
简单…
问题在于指令：”
作为它的一个数组应该是指令：[]
更新：在RC6或更高版本中，您有@NgModule。在RC6或更高版本中，您必须声明您将在@NgModule中使用的管道和指令，如图所示
import { PeopleListComponent } from './people-list/people-list.component';
@NgModule({
imports: [ BrowserModule],declarations: [ AppComponent,PeopleListComponent ],//<<===here
providers: [],bootstrap: [ AppComponent ]
})
您可以从AppComponent的@Component中删除指令：”
