我使用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中删除指令:”