javascript - 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 runtime error: 'Physics' is undefined

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

谢谢。

Answer 1

如果您将 AMD 风格的模块与模块加载器(如 Require.Js)一起使用，则需要一个 import 语句。在这里查看史蒂夫接受的答案:https://stackoverflow.com/a/14919495/1014822您的代码将类似于:

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

var vector = new Physics.Vector(6);

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

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