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

Question

我正在使用 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 调试我可以看到这个错误。

Uncaught ReferenceError: define is not defined

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

Answer 1

您仍然需要使用适用于 AMD 模块的模块加载器库。

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

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

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

How to load external AMD module using Typescript 1.5?