Typescript class.default不是构造函数

Question

创建一个Angular2应用程序时，在第一个类的构造函数中调用另一个类的构造函数时，我遇到了以下问题。

头等舱代码

import {SecondClass} from './second-class' 

export class FirstClass { 
    someVar:string; 
    secondClass:SecondClass; 

    constructor(firstClass?: FirstClass) { 
     this.someVar='test'; 
     this.secondClass= new SecondClass(); 
    } 
} 

二等代码：

export class SecondClass { 
    someOtherVar:string; 

    constructor(secondClass?:SecondClass) { 
     this.someOtherVar='test'; 
    } 
} 

能给我的错误：原来的异常：类型错误：second_class_1.default不是构造函数的

内容。/second-class

System.register([], function(exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var SecondClass; 
    return { 
     setters:[], 
     execute: function() { 
      SecondClass = (function() { 
       function SecondClass(secondClass) { 
        this.someOtherVar='test'; 
       } 
       return SecondClass; 
      }()); 
      exports_1("SecondClass", SecondClass); 
     } 
    } 
}); 
//# sourceMappingURL=second-class.js.map 

这是来自Typescript编译器的编译输出

Answer 1

错误消息意味着您在./second-class（非默认值）中使用了命名导出（export class SecondClass {}）。因此，这意味着你应该进口看起来像

import {SecondClass} from './second-class' 

Answer 2

有在代码中的一些错误：从调用构造函数

• 进口

• 失踪()失踪{}

• 缺少this访问班级成员

头等舱代码

import {SecondClass} from './second-class' 

export class FirstClass { 
    someVar:string; 
    secondClass:SecondClass; 

    constructor(firstClass?: FirstClass) { 
     this.someVar='test'; 
     this.secondClass= new SecondClass(); 
    } 
} 

二等代码：`/第二class`的

export class SecondClass { 
    someOtherVar:string; 

    constructor(secondClass?:SecondClass) { 
     this.someOtherVar='test'; 
    } 
}