Angular 2 RC4 到最新 - "Uncaught TypeError: Cannot read property ' prototype' of undefined"when extending

Question

我有一个旧的 Angular 2 RC4 项目，我已经更新到最新版本(现在是 2.0.0)。使用最新版本 (1.0.0-beta.14) 的 Angular CLI 运行 ng build 时，我没有收到任何编译错误，但是运行 ng serve 时，我得到标题中的错误。

有问题的基本服务如下所示:

import { Injectable } from '@angular/core';
import { Response } from "@angular/http";
import { Observable } from "rxjs/Observable";


export class PkServiceBaseService {
  // Implementation
}

虽然扩展基本服务的类看起来像:

import { Injectable } from '@angular/core';
import { Http, Response, Headers } from '@angular/http';
import { Observable } from "rxjs/Observable";


import { PkServiceBaseService } from "./";
import { JwtAuthorizationService } from "./";
import { Task } from "../shared";

@Injectable()
export class TaskService extends PkServiceBaseService {
  // Implementation
}

两个文件都在同一个目录下，通过index.ts文件导出。

奇怪的是，我在使用继承时在某些模型类中遇到了同样的错误，但现在它消失了。

此外，错误的堆栈跟踪包含对另一个服务 UserService 的引用，该服务也扩展了 PkServiceBaseService，但根本没有在 TaskService< 中使用.

如果我能提供更多信息，请告诉我。我省略了实现细节，因为问题似乎只与继承有关，但我当然可以提供更多信息。

供引用的完整堆栈跟踪:

__extends              @   task.service.ts:40
(anonymous function)   @   user.service.ts:11
(anonymous function)   @   user.service.ts:105
__webpack_require__    @   bootstrap 32723c5…:52
(anonymous function)   @   main.bundle.js:4803
__webpack_require__    @   bootstrap 32723c5…:52
(anonymous function)   @   prep-kids.component.ts:18
__webpack_require__    @   bootstrap 32723c5…:52
(anonymous function)   @   icon-registry.js:375
__webpack_require__    @   bootstrap 32723c5…:52
(anonymous function)   @   src async:7
__webpack_require__    @   bootstrap 32723c5…:52
(anonymous function)   @   main.bundle.js:81928
__webpack_require__    @   bootstrap 32723c5…:52
webpackJsonpCallback   @   bootstrap 32723c5…:23
(anonymous function)   @   main.bundle.js:1

编辑:我应该补充一点，我已经关注了 the RC4 to RC5 migration steps对于 Angular 2，以及 Upgrading from Beta.10 to Beta.14 Angular CLI 的步骤

Answer 1

我也是这样。最后，我的代码中存在一些系统没有提示的循环依赖项，webpack 抛出了误导性消息。

在我的例子中，我有一个共享模块和一个核心模块。我没有导入共享，而是将其分解为共享/菜单、共享/图标等。

这打破了所有奇怪的依赖关系并开始正常工作