TypeScript - 模块在运行时未定义

Question

我不明白我做错了什么。我在VS2012中创建了一个TypeScript项目，并在一个名为“Physics”的子目录中创建了一个名为“Vector.ts”的文件：

// Module
module Physics {

    // Class
    export class Vector {
        constructor(public x: number) { }
    }

}

另外，我有以下app.ts文件：

/// <reference path="Physics/Vector.ts" />

window.onload = () => {
    var vector = new Physics.Vector(6);
};

项目已成功编译，但是当我启动它时，我得到以下异常：

  

0x800a1391 - JavaScript运行时错误：“物理”未定义

我不明白我做错了什么......

感谢。

Answer 1

如果您使用带有模块加载程序（如Require.Js）的AMD样式模块，则需要一个import语句。请参阅Steve在此处接受的答案：https://stackoverflow.com/a/14919495/1014822您的代码将类似于：

import Physics = module("Physics/Vector");

var vector = new Physics.Vector(6);

......你不需要这样：/// <reference path="Physics/Vector.ts" />

如果您没有使用模块加载器，您只需确保在html页面的某处包含Vector.js输出文件，并确保它在您的app文件之前加载。在这种情况下，您使用/// <reference path="Physics/Vector.ts" />告诉TS在何处找到智能感知模块等工作。

Answer 2

为了完整起见，如果您使用的是System，那么您将使用import function：

System.import("Physics/Vector");

如果您为Angular 2执行此操作，那么您需要在bootstrap import

之前执行此操作