問題タブ [transpiler]

私が参加していたreactJSセッションで、プレゼンターはトランスパイラーという用語を使用して、コード変換/移植が行われました。私は、言語コードをコンピューター システム/マシン上で実行可能な形式に変換することに関して、コンパイラーとインタープリターという用語を常に使用し、聞いてきました。Transpiler は私にとって新しいものです。トランスパイラーはコンパイラーやインタープリターとどう違うのですか? また、なぜトランスパイラーが本当に必要なのですか?

ソケット経由で JSON オブジェクトを送信する必要がある小さな Node.js プロジェクトに取り組んでいます。JsonSocket ( https://github.com/sebastianseilund/node-json-socket ) が私のニーズを満たし、その作成者が提供する単純なサーバー/クライアントのデモを実行するとうまく機能することがわかりました。

デモ クライアント コード ( https://github.com/sebastianseilund/node-json-socket#simple-clientserver-example ) をVue.js-Babel-Browserifyプロジェクト フレームワークに適応させ、コードを .vue コンポーネントに配置しています。ファイル。data変更には、主に、HTML ボタンによってトリガーされるソケット接続を介して、HTML テキスト フィールド (バインディング パラメーターに含まれる既定のテキスト) からリッスン サーバーにデータを渡すことが含まれます。しかし、私はこの時点でボタントリガーを超えていません.

私が得ているのはUncaught TypeError: _net2.default.Socket is not a constructor、このトランスパイルされたコードでソケット経由でデータを送信するときです:var socket = new _jsonSocket2.default(new _net2.default.Socket());

以下は元の .vue コードです。

そして、これがスクリプトの関連セクションのトランスパイルされたコードです。

Babel が行を壊した理由がわかりません (<---マークは両方のウィンドウのコードにあります)。

どういうわけか、これはBabelとES6の予期しない「Uncaught TypeError: XXX is not a constructor」エラーに関連しているように感じますが、その場合、解決策はrequireステートメントでデフォルトプロパティへのアクセスを追加することを中心に展開しました. importvue コンポーネント内で 同じことを達成する方法がわかりません。

正しい方向への任意のプロディングをいただければ幸いです。

Visual Studio内でAu​​reliaを使用してWebサイトを構築しています。これにはbabelトランスパイラーがあり、構成ファイルは次のようになります

Visual Studio がエラーを報告しています。Expected ';'ただし、これは正しい構文のようで、app.js は機能し、コンソールで問題なく app.html を参照できます。これが問題のコードです。

より標準的なjavascript行を使用しようとすると

また

Visual Studio は問題を報告していませんが、Aurelia はError: (SystemJS) http://localhost:57366/src/app.js: Unexpected token (4:8)上記の両方のコンソールをスローします。

バベルトランスパイラーが使用しているのと同じインテリセンスをVisual Studioで使用する方法はありますか? または、何が問題になる可能性がありますか？