TypeScript - Module is undefined at runtime

Question

I dont understand what i'm doing wrong. I've create a TypeScript project in VS2012, and created a file named "Vector.ts", in a sub-directory named "Physics":

// Module
module Physics {

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

}

Also, I have the following app.ts file:

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

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

The project is successfully compiled, but when i launch it, i get the following exception:

0x800a1391 - JavaScript runtime error: 'Physics' is undefined

I don't understand what am i doing wrong...

Thanks.

Community · Accepted Answer · 2017-05-23 11:52:56Z

5

If you are using AMD style modules with a module loader such as Require.Js, you need an import statement. See Steve's accepted answer here: https://stackoverflow.com/a/14919495/1014822 Your code will look something like:

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

var vector = new Physics.Vector(6);

... and you won't need this: /// <reference path="Physics/Vector.ts" />

If you are not using a module loader, you just need to make sure you include your Vector.js output file somewhere in your html page, and make sure it loads before your app file. In this case, you use /// <reference path="Physics/Vector.ts" /> to tell TS where to find your module for intellisense etc. to work.

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Mar 16, 2013 at 16:40

Jude Fisher

11.3k9 gold badges56 silver badges92 bronze badges

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

2 Comments

gipouf Over a year ago

Thanks for the answer. How can I make sure that my Vector.js file loads before the app.js?

gipouf Over a year ago

Just found a nice tutorial about it - blorkfish.wordpress.com/2012/10/23/….

Serj Sagan · Accepted Answer · 2016-01-09 08:08:38Z

1

Just for completeness, if you're using System then you'd use the import function:

System.import("Physics/Vector");

If you're doing this for Angular 2 then you'd want to do this before your bootstrap import

answered Jan 9, 2016 at 8:08

Serj Sagan

30.6k17 gold badges159 silver badges190 bronze badges

Collectives™ on Stack Overflow

TypeScript - Module is undefined at runtime

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related