打字稿類失敗

Question

我不能transpile以下類：

class DataService { 
    styles: Object[]; 
    selectedStyle: Object; 
    selectedChildStyle: Object; 

    constructor() { 
     this.styles = [{ 
      "name": "Parent", 
      "child": {} 
     }]; 

     this.selectedStyle = this.styles[0]; 

     // THE BELOW LINES CREATE PROBLEM 
     if (this.selectedStyle.child && this.selectedStyle.child.length) 
      this.selectedChildStyle = this.selectedStyle.child[0]; 
     else 
      this.selectedChildStyle = null; 
    } 
} 

，這並不讓我NPM啓動應用程序。如果我保留最後四行未註釋，它會給代碼ELIFECYCLE一個奇怪的錯誤。

請幫忙！

Answer 1

Define selectedStyle as any;

selectedStyle: any; // This is the change 

class DataService { 
    styles: Object[]; 
    selectedStyle: any; // This is the change 
    selectedChildStyle: Object; 

    constructor() { 
     this.styles = [{ 
      "name": "Parent", 
      "child": {} 
     }]; 

     this.selectedStyle = this.styles[0]; 

     if (this.selectedStyle.child && this.selectedStyle.child.length) 
      this.selectedChildStyle = this.selectedStyle.child[0]; 
     else 
      this.selectedChildStyle = null; 
    } 
} 

Answer 2

那是因爲你使用Object爲this.selectedStyle類型，並Object沒有一個名爲child場。

如果你希望編譯器瞭解的類型，那麼你需要定義的，是這樣的：

interface Style { 
    name: string; 
    child: Style[]; 
} 

class DataService { 
    styles: Style[]; 
    selectedStyle: Style; 
    selectedChildStyle: Style; 

    constructor() { 
     this.styles = [{ 
      "name": "Parent", 
      "child": [<Style> {}] 
     }]; 

     this.selectedStyle = this.styles[0]; 

     // THE BELOW LINES CREATE PROBLEM 
     if (this.selectedStyle.child && this.selectedStyle.child.length) 
      this.selectedChildStyle = this.selectedStyle.child[0]; 
     else 
      this.selectedChildStyle = null; 
    } 
}