問題タブ [tsify]

パスに typescript ソースがあります。

tsconfig.json は次の場所にあります。

次のように入力します。

次のコマンドで tsc を正常に実行できます。

src/game/ts/typings/**/*.d.tsしかし、次のコマンドを使用すると、(ファイルで宣言された型の) 未定義の型エラーが発生します。

tsc が定義を取得しないのはなぜですか? 私の tsconfig.json には以下が含まれます:

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

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

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

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

コア/Obj.ts

core/Component.ts

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

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

browserify を使用して、gulp を使用して再利用可能な typescript モジュールをブラウザーに移動しています。

驚いたことに、結果の common.js ファイルを次の方法で含める必要があります。

タイプスクリプトまたはUMD + require JSを使用したビルドでは、まったく同じコードで問題なく相対パスを使用するファイルが必要です。browserify を追加すると、絶対パスが取得されます。自分で typescript をコンパイルして、tsify なしで browserify を使用しようとしましたが、それを含めるには常に絶対パスが必要です。common.js を必要とする他のすべてのモジュールはそれを見つけることができません。どうすればこれを修正できますか?

編集：htmlファイルでの例：

Angular 1.5、TSify、および Karma を使用しているテストをセットアップしようとしています。私は非常に近いですが、私が完全に理解していない問題に直面しています:

ここで説明されているセットアップに従っています: https://github.com/cmlenz/tsify-test (この例には角度は含まれていません)

angular-mocks からエラーが表示されます:「undefined のプロパティ 'mock' を設定できません」

それはタイミングの問題かスコープの問題である必要があります.angular-mocksのロードが早すぎるか、browserifyが角度変数のスコープをラップしていて、モックがそれを見ることができません. わかりません。

私の karma.conf.js ファイルの関連部分は次のとおりです。

これは、私がモックをロードしている方法と関係があるに違いありません.Angularアプリでは使用されず、テストだけで使用されるため、何か関係があるはずです.

ヒントはありますか？

Angular JavaScript (ES5) プロジェクトを TypeScript 2.0 に段階的に移行しようとしていますが、非常に苦労していることを認めなければなりません。
そのため、最初に index.js を index.ts に変更し、古い Typings.json の方法ではなく、 typings をインストールする推奨される方法( npm install --save @types/node) を使用しました。

ビルドのセットアップではgulp、ここで提案されているように、browserifyおよび現在導入tsifyしています。 babelify

閲覧する

tsconfig.json

ただし、ビルドは次のように失敗します。

TypeScript エラー: .tmp/public/app/index.ts(4,15): エラー TS2304: 名前 'require' が見つかりません。

tsifyインストールされたタイピングを出力ディレクトリにコピーしないようで、上記のエラーが発生します。
問題を解決する方法について何か提案はありますか?

編集node_modules/@types
フォルダーを C: ドライブのルートに コピーすると、エラーが解消されますが、理由がわかりません...

grunt + browserify + tsify + babelify (デバッグあり) のセットアップに苦労しています。

以下の gruntfile 設定は typescript をコンパイルしますが、バベルの変換は行われません。

誰でもこれを行う方法を教えてもらえますか? (これを行うにはgulpを使用する必要があるかもしれません??)

tsconfig.json のターゲットは「es2015」に設定されています。