Javascript 找不到名称+';输入';。任意角度2

Javascript 找不到名称+';输入';。任意角度2,javascript,angularjs,Javascript,Angularjs,我试图让@Input在Angular 2中使用Typescript。我得到以下错误,我不明白为什么 [ts]找不到名称“Input”。任何 下面是该组件的代码 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-item', templateUrl: './app-item.component.html', styleUrls: ['./app-item.componen

我试图让@Input在Angular 2中使用Typescript。我得到以下错误,我不明白为什么

[ts]找不到名称“Input”。任何

下面是该组件的代码

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

@Component({
   selector: 'app-item',
   templateUrl: './app-item.component.html',
   styleUrls: ['./app-item.component.css']
})
export class AppItemComponent implements OnInit {
      @Input item; //TypeScript complains here. 

      constructor() { }

      ngOnInit() {}
}
项目和组件都是使用Angular CLI创建的。为什么TypeScript不能理解@Input装饰

您需要添加这个

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

就我而言,我已经:

import { Component, OnInit } from '@angular/core'; 
所以,当我尝试使用:

从'@angular/core'导入{Component,Input}

它不起作用

我要做的就是像那样导入(没有单词Component)

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

而且它工作得很好

@Marcielli,由于组件的双重导入,它没有工作。如果将导入语句更改为以下内容

import { Component, OnInit, Input } from '@angular/core';

你会没事的。可以选择在单独的import语句中添加输入模块,但通常应坚持在一个语句中导入模块中的所有组件,或者在单独的语句中导入每个组件

成功了!谢谢同样的输出,以防您使用它。