Angular 2最终版本：找不到名称'PatternDetails'

我收到一个错误，显示'PatternList'（这是我创建的界面）找不到。如果我尝试导入它，我得到一个PatternDetails不是模块的错误。我不确定是什么原因导致了这个错误。我正在尝试在我的angular2项目中配置Webpack时遇到此错误。Angular 2最终版本：找不到名称'PatternDetails'

这里是我的组成部分之一，它使用PatternDetails接口：

@Component({ 
    selector: 'pattern-detail', 
    template: ` 
    <div class="pattern-detail" [ngClass]='{active: metadata.status.backendValidationStatus == "FAIL", 
     unactive: metadata.status.backendValidationStatus == "OK", 
     warning: metadata.status.backendValidationStatus == "WARN", 
     selected: metadata.selected 
    }' (click)="patternClicked(metadata)"> 
     <div class="name-details"> 
     <h3>{{metadata.displayName}}</h3> 
     <p>{{metadata.details}}</p> 
     </div> 
     <div class="time-details"> 
     <p class='last_update'>{{metadata.lastupdate}}</p> 
     </div> 
    </div> 
    `, 
    styleUrls: ['/css/pattern_detail.css'] 
}) 
export class PatternDetailComponent { 

    @Input() metadata:PatternDetails; 
    @Output() selectPattern = new EventEmitter<PatternDetails>(); 

    patternClicked(pattern: PatternDetails) { 
    this.selectPattern.emit(pattern); 
    } 

}

这里是PatternDetails接口：

interface PatternDetails { 
    patternClass: string; 
    version: string; 
    id: string; 
    displayName: string; 
    lastupdate: string; 
    details: string; 
    status: Status; 
    selected: boolean; 
}

我不知道还有什么我应该包括，但我经过调查我发现tsconfig.json可能有问题，所以我也包括它：

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true, 
    "typeRoots": [ 
     "../node_modules/@types" 
    ] 
    }, 
    "types" : [ 
    "core-js" 
    ], 
    "exclude": [ 
    "node_modules" 
    ] 
}

个app.module.ts

@NgModule({ 
    imports: [ BrowserModule, FormsModule, HttpModule, ReactiveFormsModule ], 
    declarations: [ AppComponent, PatternListComponent, PatternDetailComponent, WidgetListComponent, 
    FormComponent, DefaultWidget, LabelComponent, CheckboxWidget ], 
    bootstrap: [ AppComponent ], 
    providers: [ WidgetService ] 
}) 
export class AppModule { }

来源

2016-09-20 Zolcsak Tamas

发表你的'AppModule'。 –

完成:)我希望它有帮助 –

您需要导出接口：

export interface PatternDetails { 

... 

}

来源

2016-09-20 10:45:41

它给了我同样的错误，现在也在AppModule中。 –

@ZolcsakTamas检查我编辑的答案，你没有导出你的界面，因此，你不能导入它。 –

将导出添加到接口工作:)但我不需要将PatternDetails添加到AppModule，只需将导出添加到接口即可。谢谢：D –

Angular 2最终版本：找不到名称'PatternDetails'

回答

相关问题