从 Typescript 中的另一个模块继承的类

Question

我正在尝试将一个抽象类扩展到另一个类，但为了更方便，我需要将这个抽象类放在另一个文件中。不幸的是，它引发了我难以理解的运行时错误。

这行得通：

abstract class Item{
   constructor(){
      console.log("I am an Item");
   }
}

export class Folder extends Item{
    constructor(){
         super();
    }
}

日志：

I am an Item

这不是：

module MyModule{
    export abstract class Item{
        constructor(){
            console.log("I am an Item");
        }
    }
}

export class Folder extends MyModule.Item{
    constructor(){
        super();
    }
}

编译但抛出：

Uncaught TypeError: Cannot read property 'prototype' of undefined

有人知道发生了什么吗？

Answer 1

源文件中的顶级导出（在本例中为 export class Folder）意味着 TypeScript 会将文件视为外部模块，但除非您在编译时指定模块格式，否则 TypeScript 应该发出 error TS1148: Cannot compile modules unless the '--module' flag is provided. 所以，如果你只使用内部模块，我有点困惑你是如何编译这些代码 sn-ps 的。

我强烈建议使用外部模块（其中每个 .ts 文件本身就是一个模块）并完全避免命名空间（以前称为内部模块）。

这是您的代码除了外部模块之外的样子：

// mymodule.ts
export abstract class Item {
  constructor() {
    console.log("I am an Item");
  }
}

// folder.ts
import * as MyModule from './mymodule';

export class Folder extends MyModule.Item {
  constructor() {
    super();
}

但是，如果您想坚持使用命名空间，您可以这样做：

namespace MyModule {
  export abstract class Item {
    constructor() {
      console.log("I am an Item");
    }
  }
}

namespace MyOtherModule {
  export class Folder extends MyModule.Item {
    constructor() {
      super();
    }
  }
}