打字稿；关于“模块”的冲突信息

Question

我正在尝试在我的网站的打字稿中设置一些“模块”，但我得到了相互矛盾的信息和相互矛盾的结果。例如，我有三个“类”。 Prototype、Item 和 Tag。他们三个都需要有一组特定的属性，所以我决定将其作为基类ComponentModel，如下所示。

module website.admin.components {
    export class ComponentModel {
    
       public Components = { // define property };
    }
}

现在，我想在我的其他三个中继承这个类，所以我从'tags'开始。

module website.admin.viewModels {
   export class Tag extends website.admin.components.ComponentModel {
   
      // tag specific properties
      constructor() { super(); } // initialize the base class as required
   }
}

好的，这似乎可行。但是Prototype 类上完全相同的代码不起作用；

module website.admin.viewModels {
    export class Prototype extends website.admin.components.ComponentModel {
    
        // prototype specific properties
        constructor() { super(); }
    }
}

这只会导致各种奇怪的行为，并且在运行时拒绝工作。我收到以下错误；

未捕获的类型错误：无法读取未定义的属性“组件模型”

未捕获的类型错误：无法读取未定义的属性“原型”

Uncaught TypeError: undefined is not a function

谁能帮我弄清楚为什么会这样？我能做些什么来阻止它？越来越烦人了。

Answer 1

可能是您的脚本以错误的顺序加载。如果检查捆绑的文件，依赖项是否在使用之前出现？通常它们不会，除非您采取措施确保它们排列整齐。

您如何正确订购它们？

如果你使用 ASP.NET MVC 捆绑，你可以manually order the bundle。

或者，如果您将 ///<reference path="...ts" /> 引用 cmets 添加到文件并使用 TypeScript 编译器上的 --out 标志编译为单个文件，只要不存在循环依赖关系，它将 sort out the order based on the reference comments。

如果你想这样做，你仍然可以根据 TypeScript 为你创建的组合输出进行打包和缩小。

Answer 2

从错误的外观来看，Prototype 类似乎位于不同的文件中，并且没有对包含 ComponentModel 类的文件的引用。