Typescript : Import Module

Question

I am trying to understand how to organize my code with Typescript modules. Here is my following architecture:

~ src app SubModule1 (folder) Class1.ts components Component1.ts (require to create class 1) MainModule.ts

// Class1.ts

module MainModule.SubModule1 {
    export class Class1 {
        // some code
    }
}

// Component1.ts

import MainModule = require("MainModule");
export class {
    constructor() { var test = new MainModule.SubModule1.Class1; }
}

// MainModule.ts

module MainModule {
    export var config = "config";
}

export = MainModule;

The Component1 class find the MainModule fine, but I cannot access the SubModule1 class. Could someone explain me what I am doing wrong?

Thank you.

By the way I read stackoverflow.com/questions/12845810/… but I could not make it work. — user2465083
– user2465083, Commented Jul 2, 2014 at 22:32
internal vs. external modules youtube.com/watch?v=KDrWLMUY0R0&hd=1 — basarat
– basarat, Commented Jul 2, 2014 at 23:32

Fenton · Accepted Answer · 2014-07-02 22:04:00Z

1

The quick answer is that you need to import it too, but the long answer is that you should drop the module declarations when using external modules...

// Class1.ts

export class Class1 {
    // some code
}

// Component1.ts

import MainModule = require("../MainModule");
import SubModule = require("../app/SubModule1/Class1");

export class {
    constructor() {
        var test = new SubModule.Class1();
    }
}

// MainModule.ts

export var config = "config";

answered Jul 2, 2014 at 22:04

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

3 Comments

user2465083 Over a year ago

Thank you for this answer, so I tried to follow your code but in component1.ts, the import of the second file I have the following error : Module cannot be aliased to a non-module type

user2465083 Over a year ago

Also, why should I not specify the name of the modules by myself, in order to make the code discoverable?

basarat Over a year ago

@user2465083 because each file is a module

Collectives™ on Stack Overflow

Typescript : Import Module

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related