2016-09-20 12 views
0

'PatternList'(私によって作成されたインターフェイス)が見つかりませんでした。インポートしようとすると、PatternDetailsがモジュールではないというエラーが表示されます。このエラーの原因はわかりません。私は私のangular2プロジェクトでWebpackを設定しようとしている間、このエラーに直面しました。ここで角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" 
    ] 
} 
export interface PatternDetails { 

... 

} 
+0

ポストあなたの 'AppModule':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 { } 

+0

done :)私はそれが助けてくれることを願っています –

答えて

1

はあなたのインターフェイスをエクスポートする必要があります。
+0

それは私にAppModuleで今でも同じエラーを与えます。 –

+0

@ ZolcsakTamas編集した回答を確認しても、インターフェースをエクスポートしていないため、インポートできません。 –

+0

インターフェイスにエクスポートを追加すると動作します:)しかし、私はAppModuleにPatternDetailsを追加する必要はありませんでした。インターフェイスにエクスポートを追加するだけで動作します。ありがとうございました:D –

関連する問題