How to load external AMD module using Typescript 1.5?

Question

I'm using VS2015 and I've created a TypeScript HTML application. I also made the simplest possible external module, like this.

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

    constructor() {
    };
};

Then in my app.ts file i wrote the following.

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

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

Using F12 dubugging in Chrome I can see this error.

Uncaught ReferenceError: define is not defined

What am I missing? I have made sure that AMD moduletype is selected in the project settings and a Erik.js file is created when compiling.

David Sherret · Accepted Answer · 2015-08-12 13:46:44Z

4

You still need to use a module loader library that works with AMD modules.

For example, you could include require.js in your application, then do something along these lines:

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

Where data-main is the path to app.js.

answered Aug 12, 2015 at 13:46

David Sherret

108k28 gold badges197 silver badges190 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1