Typescript - 속성이 없습니다.하지만 이미 있습니다.

Question

안녕하세요 저는 Typesctipt 및 Angular2를 처음 사용합니다. 컴파일러는 "wordListId"가 존재하지 않는다는 이유 이해가 안 :

재산권 'wordListId'유형에 존재하지 않는 'IWordList'.

이벤트 및 코드 자동 완성 기능이 있음을 보여줍니다. Image

WordlistsdataService.ts

import { Injectable, OnInit } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 
import { IWordList } from './IWordlist'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class WordlistsdataService implements OnInit { 

    private url :string = 'src/app/wordlists/wordlists.json'; 
    constructor(private http : Http) { } 

    getWordLists() : Observable<IWordList[]> { 
    return this.http.get(this.url) 
        .map((response : Response) => <IWordList[]>response.json()) 
    } 

    getWordList(id : number) : Observable<IWordList>{ 
    return this.getWordLists().map((wordLists : IWordList[]) => wordLists.find(p => p.wordListId === id)); 
    } 

    ngOnInit(){ 
    } 

} 

IWordList.ts (인터페이스)

export interface IWordList{ 
    wordListId : number, 
    title : string, 
    image : string, 
    words : string, 
    description : string, 
} 

wordlists.json

[ 
    { 
      "wordListId" : 1, 
      "title" : "Animals", 
      "image" : "/src/app/images/wordlists/animals_background.jpg", 
      "words" : "cat,elephant,cow,duck", 
      "description" : "sdadasd" 
     }, 
     { 
      "id" : 2, 
      "title" : "Jobs", 
      "image" : "/src/app/images/wordlists/jobs_background.jpg", 
      "words" : "engineer,farmer,artist,programmer", 
      "description" : "sdadasd" 
     } 
] 

Answer 1

나는이 오류가 웹팩에서 오해의 소지가있다 생각합니다. 첫 번째 오류를 처리 한 다음 다시 컴파일하고 오류를 해결해야합니다. 나는 당신의 주어진 코드에서 어떤 것도 잘못 보이지 않는다.