JSX (TSX) を含むこの 1 行を含む TypeScript 1.6 ファイルがあるとします。

TypeScript 1.6 (ntypescript npm パッケージ経由でインストール) を使用してコマンド ラインでこれをコンパイルすると、次のようになります。

期待される出力が生成されます。

しかし、TypeScript JS API で同じことをしようとすると、うまくいきません。nodeこれらのコマンドを実行してから実行します。

私が得る結果は次のとおりです。

また、dは空の配列であるため、診断メッセージ (エラー) は報告されませんでした。何を与える？

ES6 でいくつかのクラスを作成し、それを ES5 に変換しています。しかし、ES5 経由でオブジェクトにアクセスできません。

ES6 ファイル

と

トランスパイルされるもの

トランスパイルされた結果

では、変数を取得するため、通常の ES5 (コンソールまたは js ファイル) でDomどのように使用できますか?Utilundefined

ありがとう。

への RPC 呼び出しに関する 2 つの関連する質問がありますYesod/Snap/Servant。

1. Haskell で書かれ、GHC でコンパイルされた関数がサーバー上にあるとします。

   add x y = x+y+42

どのようにすることができます：

1. クライアントからこの関数を呼び出します (クライアントも Haskell で書かれており、 でコンパイルされていますGHCJS)。
2. サーバー上で関数を実行し、
3. 結果をクライアントに返しますか?

これをすべてタイプセーフな方法で行いますか?

たとえば、クライアントで次のようなものを書きたいと思います。

add 関数がサーバー上で実行されるようにします。

Yesod/Snap/Servantサーバーで GHCJS を使用し、クライアントで GHCJSを使用してこれを行う最も簡単な方法は何ですか?

2）同様に、サーバー上で実行される「関数」を書きたい と思います。クライアントからタイプセーフな方法でgetPhaseOfMoon :: IO Phase呼び出したいと思います。getPhaseOfMoon

クライアントでこれを書くことができるように：

どれの

1. サーバーに行きます
2. サーバーは月の満ち欠けを調べます
3. Phaseサーバーはクライアントに戻ります
4. クライアントは JavaScript コンソールに月の満ち欠けを表示します。

質問

Yesod/Snap/Servant(サーバー) + GHCJS (クライアント)でこれを行うにはどうすればよいですか?

ES6 をトランスパイルする利用可能なトランスパイラー構成/オプションはありますか?たとえば、実稼働 Web サイトで実際に使用できる for-of-loops を ES5 に変換しますか? 私が見つけた最良の方法は、余分なポリフィルを含めることです。これにより、バニラES5で同じ機能のファイルサイズが少なくとも2倍になります。それとも、このトランスパイラーのアイデアは、将来の esnext を nodejs のものだけに書くためのものですか?

私は Babel 6 を動作させるために一生懸命努力しています。私は日常業務 (React 開発) で 5 をうまく使用していますが、6 は期待どおりに Mocha と統合されていないようです。

これらのdevDependencies、スクリプト、およびバベル構成があります。

ここに私のテストコードがあります:

...そしてソースコードには次のものがあります:

ただし、実行するfoo is not definedと、コンストラクターの最初の行に入ります。興味深いことに、コードを直接トランスパイルしてノード CLI から直接呼び出すと、問題なく動作します。babel-cliファイルに対して作成されたものは次のとおりです。

モカを適切に実行して、テストとそれらがインポートするものをトランスパイルするにはどうすればよいですか?

私が試したこと：

• 代わりに、babel 構成を.babelrcファイルに移動します。違いはありません。
• -r babel-core/registerの代わりに使用して--compilersも機能しません。

アップデート

これは面白い。console.log(ObjectBeingTested.toString())モカが何を得ているかを確認するために、インポート後に実行することにしました。これが出力するものです：

2 つの逆参照行が完全に欠落していることに注意してください。

更新 2 :

この問題はモカとは何の関係もありません。インポートされたモジュールが、一括でトランスパイルされたものと同じ方法でトランスパイルされないことを再現できます。

es6babel CLIで単純なファイルをコンパイルしようとしています

以下の詳細を考えると、何がうまくいかないのですか？

言い換えれば、ES6 を入れて ES6 を取り出します(ただし、間隔が少し異なり、セミコロンが追加されています)。インポートが require に変換され、バックティックが消えることを期待しています。

つまり:私は ES5 が欲しい.

他に何をする必要がありますか？

gulp タスクは./tasksフォルダ内にあります。./ビルドは./distフォルダ内に生成され、 を指す必要があります./path/to/src.js。

dist フォルダーは、ルート プロジェクト フォルダーと同じ構造です。(つまり:./server/core/routes.jsたとえば、ファイル./dist/server/core/routes.jsと一緒にトランスパイルすると、.maps

タイプスクリプトでkendo-ui(html)からグリッド内でdropdrowlistを使用しています

問題は、文字列で関数を呼び出さなければならないことです

文字列で定義された typescript から 'methodToBeCalled' を呼び出す方法を教えてください。これらの組み合わせを試しましたが、どれもうまくいきませんでした