かきスタンプ

福岡でフリーランスの物流系のエンジニアやってます。

TypeScript:別ファイルのモジュールが認識されない

TypeScriptでは、スラッシュを3つ付けたコメントの後に、importするモジュールを指定する。

(例)
main.js

module UserModule {
    export var name = "yamada";
}
console.log(UserModule.name);

/// <reference path="./developers.ts" />
console.log(DeveloperModule.name);

developers.ts

module DeveloperModule {
    export var name = "kaki";
}

が、このソースは developers.tsが認識できずコンパイル出来ない。

どうやら、reference path は、ソースの先頭に書く必要があり、それ以外の部分に書くと記述が無視されてしまうそうな。

という訳で、reference path をコードの先頭に記述する事で解決。
 
 


(参考サイト)
https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html