角2錯誤

Question

我有一個角2錯誤，它似乎很難找到錯誤所在。錯誤在編譯期間未被檢測到，但瀏覽器在嘗試加載頁面時顯示該錯誤。

angular2-polyfills.js:349 Error: TypeError: Cannot read property 'prototype' of undefined 
     at __extends (http://localhost:3000/app/repository/award/award.service.js:7:72) 
     at eval (http://localhost:3000/app/repository/award/award.service.js:36:17) 
     at execute (http://localhost:3000/app/repository/award/award.service.js:47:14) 
    Error loading http://localhost:3000/app/main.js 

任何人都可以指向正確的方向嗎？

應用程序/ main.ts：

///<reference path="../../../node_modules/angular2/typings/browser.d.ts"/> 
import {bootstrap} from 'angular2/platform/browser'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 
import {ROUTER_PROVIDERS} from 'angular2/router'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS]) 
    .then(success => console.log(`Bootstrap success`)) 
    .catch(error => console.log(error)); 

庫：

import { Http, Response, Headers } from 'angular2/http'; 
import { Injectable } from 'angular2/core'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/concatMap'; 
import 'rxjs/add/operator/do'; 
import 'rxjs/add/operator/catch'; 
// import { CONFIG } from '../shared/config'; 
import { IEntity } from './ientity'; 

@Injectable() 
export abstract class Repository<T extends IEntity> 
{ 
    protected url = null; 

    constructor(protected _http: Http) {} 

    add(entity: T) { 
    let headers = new Headers(); 
    let body = { 
     name: entity.name 
    }; 

    headers.append('Authorization', 'Basic'); 

    return this._http 
     .post(`${this.url}`, JSON.stringify(body), { 
     headers: headers 
     }) 
     .map(res => res.json()) 
     .catch(this.handleError); 
    } 

    delete(entity: T) { 
    let headers = new Headers(); 
    headers.append('Authorization', 'Basic'); 

    return this._http 
     .delete(`${this.url}/${entity.id}`, { 
     headers: headers 
     }) 
     .catch(this.handleError); 
    } 

    list() { 
    let headers = new Headers(); 
    headers.append('Authorization', 'Basic'); 

    return this._http.get(`${this.url}`, { 
     headers: headers 
    }) 
     .map((response: Response) => 
     <T[]>response.json().data 
    ) 
     // .do(items => console.log(items)) 
     .catch(this.handleError); 
    } 

    get(id: number) { 
    let headers = new Headers(); 
    headers.append('Authorization', 'Basic'); 

    return this._http.get(`${this.url}/${id}`, { 
     headers: headers 
    }) 
     .map((response: Response) => <T>response.json()) 
     .catch(this.handleError); 
    } 


    update(entity: T) { 
    let headers = new Headers(); 

    let body = { 
     name: entity.name 
    }; 

    headers.append('Authorization', 'Basic'); 

    return this._http 
     .put(`${this.url}/${entity.id}`, JSON.stringify(body), { 
     headers: headers 
     }) 
     .map(res => res.json()) 
     // .do(res => console.log(body)) 
     .catch(this.handleError); 
    } 

    private handleError(error: Response) { 
    console.error(error); 
    return Observable.throw(error.json().error || 'Server error'); 
    } 
} 

award.service：

import { Http } from 'angular2/http'; 
import { Injectable } from 'angular2/core'; 
import { CONFIG } from '../shared/config'; 
import { Repository } from '../core'; 
import { IAward } from './iaward'; 

@Injectable() 
export class AwardService extends Repository<IAward> 
{ 
    protected url = CONFIG.baseUrls.awards; 

    constructor(protected _http: Http) { 
    super(_http); 
    } 
} 

Answer 1

我通過添加以下到我的項目轉載此：

export class Subclass extends Base {} 
class Base {} 

然後工作圍繞誤差通過首先定義基類：

class Base {} 
export class Subclass extends Base {} 

實施例：http://plnkr.co/edit/ge5gfckgXMp5ylUhKOEn - 移動到首先被定義的基類，並且沒有錯誤。似乎它可能是相關的 - 但我無法在多個文件場景中重現。