导入TypeScript名称空间（如在C＃/ .NET中）

Question

In my TypeScript project I use classes and interfaces spread across several files structured in namespaces. Just as I use to do it in C#/.NET.

---

IDispatcher.ts :

namespace Dispatcher {
    export interface IDispatcher {
        Dispatch(msg: string): Promise<string>;
    }
}

DispatcherImpl.ts :

namespace Dispatcher {
    export class Dispatcher implements Dispatcher.IDispatcher {
        Dispatch(msg: string): Promise<string> {
            return new Promise<string>((resolve, reject) => {
                    resolve('result');
            });
        }
    }
}

Test.ts :

namespace Test {
    export class Test {
        private dispatcher: Dispatcher.IDispatcher;

        constructor() {
            this.dispatcher = new Dispatcher.Dispatcher();
        }
    }
}

let testRun = new Test.Test();

---

Everything compiles fine to JavaScript (using target and module = es6 ).
But when I run node test.js I get the error

this.dispatcher = new Dispatcher.Dispatcher();
                      ^
ReferenceError: Dispatcher is not defined

When I try to import DispatcherImpl it states that File 'DispatcherImpl.ts' is not a module . And with require('DispatcherImpl.ts') it just resolves to any and does not work as expected either.

So I expect TypeScript namespaces to behave similar to .NET namespaces. But that does not seem to be the case at all. How is the proper way to arrange my interfaces and classes and how do other classes use/import them? Maybe there is a way to make the TypeScript compiler resolve the namespaces automatically?

Answer 1

Currently there is no include oder import statement for namespaces in TypeScript.

I found a workaround using the outFile option in tsconfig.json :

"outFile": "test.js"

This way all TypeScript code gets translated into one single JavaScript-file.
To be arranged in the correct order every TypeScript file has to define its dependencies by eg

/// <reference path="DataModel/Common.ts" />