如何使用 Typescript 1.5 加载外部 AMD 模块？答案

【问题标题】：How to load external AMD module using Typescript 1.5?如何使用 Typescript 1.5 加载外部 AMD 模块？
【发布时间】：2015-08-12 21:46:44
【问题描述】：

我正在使用 VS2015，并创建了一个 TypeScript HTML 应用程序。我还做了最简单的外部模块，像这样。

export class MyClass {
    public Test(): string {
        return "Erik";
    };

    constructor() {
    };
};

然后在我的 app.ts 文件中我写了以下内容。

import E = require('./Erik');

window.onload = () => {
    let c: E.MyClass = new E.MyClass();
    alert(c.Test());
};

在 Chrome 中使用 F12 调试我可以看到这个错误。

未捕获的引用错误：未定义定义

我错过了什么？我确保在项目设置中选择了 AMD 模块类型，并在编译时创建了一个 Erik.js 文件。

【问题讨论】：

【解决方案1】：

您仍然需要使用与 AMD 模块配合使用的模块加载器库。

例如，您可以在应用程序中包含 require.js，然后按照以下方式执行操作：

<script data-main="scripts/app" src="scripts/require.min.js"></script>

其中data-main 是app.js 的路径。

【讨论】：