角度2错误

时间:2016-04-29 02:17:38

标签: typescript angular

我遇到了Angular 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);
  }
}

1 个答案:

答案 0 :(得分:4)

我通过在我的项目中添加以下内容来重现这一点:

export class Subclass extends Base {}
class Base {}

然后通过首先定义基类解决错误:

class Base {}
export class Subclass extends Base {}

示例:http://plnkr.co/edit/ge5gfckgXMp5ylUhKOEn - 移动要首先定义的基类,没有错误。似乎它可能是相关的 - 但我无法在多文件场景中重现。