[Typescript] 他ファイルから定数が参照できない

Question

以下のように別々のファイルに定数の呼び出し・定義を行っていますが、
実行するとChromeのコンソールではundefinedとなってしまいます。

ファイル1(定数呼び出し側)の内容

namespace Hoge {
  export class HogeTest {
    constructor() {
      console.log(TEST);
    }
  }
}

let test = new Hoge.HogeTest(); // コンストラクタ実行の結果、console.logの内容がundefined

ファイル2(定数定義側)の内容

namespace Hoge {
  export const TEST = "test!";
}

エディタ上では、ファイル1を編集中にもちゃんとコードの補完が効く
(Tまで入れるとTESTが候補に上がる)ので定数定義の方法は間違っていないと
思うのですがなぜ動かないのでしょうか・・・

Answer 1

export・import・reference等色々試してみたもののうまく行きませんでした…
が、gulp側でgulp-concatを使用してトランスパイル時に
両ファイルを結合するように設定すると変数が参照できました。

Answer 2

別のファイルにあるということは、importとかextendsとかしないといけないんじゃないかなぁ…と思います。
エディタ上ではそのエディタの見ているプロジェクト内にclassや変数名があるから候補として表示されているだけで、コード上のエラーの有無とは別なのではないでしょうか。

Comments

[yuukive]

ありがとうございます。今回は結合後のファイルを同じにすることで
同じネームスペース内の変数を参照することが出来ました。

外部モジュールや内部モジュール等の仕組みをまだ完全に理解していないため、
そちらについても勉強しようと思います。