クラス継承が機能しません

Question

基本クラスからプロパティを継承するIconコンポーネントを構築しようとしています。ただし、Iconがインスタンス化されると、superのプロパティは存在せず、__proto__プロパティは設定されません。

私は何か非常に明白なものを欠いているように感じる。私はコードの非常に単純なcodepenバージョンを実行し、期待どおりに動作します：CodePen Example

しかし、それを角2のコンテキストに持っていくと、継承されたプロパティは常にundefinedです。

BaseComponent.ts

export abstract class BaseComponent { 
    constructor() { 
    this.baseImagePath = '/Assets/Images'; 
    } 

    baseImagePath: string; 
} 

Icon.ts

import {Component, Input} from 'angular2/core'; 
import {BaseComponent} from '../baseComponent'; 

@Component({ 
    selector: 'lib-icon', 
    templateUrl: 'app/components/icon/icon.tmpl.html' 
}) 
export class Icon extends BaseComponent { 
    @Input() icon: string; 

    constructor() { 
    super(); 
    this.baseImagePath += '/icons/'; 
    } 


    getSrc() { 
    return `${this.baseImagePath}${this.icon}`; 
    } 
} 

私は念のためにあまりにもngOnInitにしてthis.baseImagePath += '/icons/'ラインを移動しようとした - それは常に未定義です。

私が見逃していることについての洞察は非常に高く評価されます。

Answer 1

ここにウサギの穴を覗いてお詫びします。 BaseComponent.tsがコンパイルされていなかった理由を問わず、コードをたどる時間の半分。 tscを数回実行すると、すべてが突然動作するようになりました。

ありがとうございました。