javascript - コンパイル後に名前空間が定義されていない

Question

typescript で小さなゲーム エンジンを作成しています。これを javascript にコンパイルすると、javascript の実行時にエラーが発生します。これもエラーなしでコンパイルされます。

メイン エントリ ファイル ( main.ts ) は次の 2 行で始まります。

require('./core/Obj');
require('./core/Component');

それはうまく構築されますが、実行すると、2番目のrequireにはいくつかの問題があり、次のエラーが発生します:

キャッチされていない TypeError: Class extends value undefined is not a function or null

コア/Obj.ts

namespace GameEngine {
    export class Obj {
        // Some functions/methods
    }
}

core/Component.ts

namespace GameEngine {
    export class Component extends Obj {
    }
}

次に、コンパイルすると、次のようになります。

(function (exports, require, module, __filename, __dirname, process, global) { (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[
    function(require,module,exports){
        var GameEngine;
        (function (GameEngine) {
            class Component extends GameEngine.Obj { // Error is here
            }
            GameEngine.Component = Component;
        })(GameEngine || (GameEngine = {}));
    },{}],
    5:[function(require,module,exports){
        var GameEngine;
        (function (GameEngine) {
            class Obj {
            }
            GameEngine.Obj = Obj;
        })(GameEngine || (GameEngine = {}));
    },{}]
});

私が実行しているgulpタスクは次のとおりです。

gulp.task('compile-engine', function () {
    return browserify()
        .add('./GameEngine/main.ts')
        .plugin(tsify, {})
        .bundle()
        .on('error', function (error) { throw error; })
        .pipe(source('gameEngine.js'))
        .pipe(buffer())
        .pipe(gulp.dest('build/'));
});