問題タブ [babeljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
10071 参照

gulp - Gulp + browserify + 6to5 + ソースマップ

browserify + 6to5を使用して、JSでモジュールを使用できるようにするgulpタスクを作成しようとしています(CommonJSは問題ありません)。ソースマッピングも機能させたいです。

1. ES6 構文を使用してモジュールを作成します。2. 6to5 は、これらのモジュールを CommonJS (またはその他の) 構文にトランスパイルします。3. Browserify がモジュールをバンドルします。4. ソース マップは元の ES6 ファイルを参照します。

そのようなタスクを書く方法は?

編集:これが私がこれまでに持っているものです:

ぐるぐるタスク

モジュール/A.js

モジュール/B.js

モジュール/main.js

コードは機能しているように見えますが、縮小されておらず、ソース マップがインラインになっています (実際には運用環境では機能していません)。

0 投票する
0 に答える
46 参照

javascript - トップレベルのこのエラーを抑制することは可能ですか?

6to5 を使用して ES6 コード スニペットをコンパイルしていますがReferenceError: unknown: Line 1: Top level this is undefined in strict mode、コンパイル時にエラーが発生します。

エラーは理にかなっていますが、 を参照するスニペットをコンパイルしたいのですthisが、エラーを抑制してコンパイルを続行する方法はありますか?

0 投票する
1 に答える
1723 参照

ecmascript-6 - Object.assign を 6to5 polyfill で動作させるにはどうすればよいですか?

Object.assignfromを使用しようとしてES6いますが、常にundefinedです。ここに私が使用しているファイルがあります:

そして、これが私がコードgulpに使用しているタスクtranspileです:

Objectは有効ですが、assignですundefined。私は何を間違っていますか?

0 投票する
2 に答える
5866 参照

javascript - 6to5 を使用しているときに Object.assign() をブラウザーで動作させるにはどうすればよいですか?

私は6to5トランスパイラーを使用しています。コードで Object.assign() を使用しようとすると、次のエラーが発生しますUncaught TypeError: Object.assign is not a function。この機能を有効にするにはどうすればよいですか?

0 投票する
1 に答える
310 参照

javascript - 6to5 es6 クラス、新しい Date() トリガーが最大コールスタックを超えました

6to5 コンパイラを使用して ES6 クラスを作成しています。セッター関数を呼び出す非常に基本的なクラスがありnew Date()、残念ながらmaximum callstack exceededChrome例外とtoo much recursionFireFoxが発生します。

次のパターンの何が問題なのかわかりませんが、呼び出しnew Date()が例外の原因です。

0 投票する
2 に答える
323 参照

javascript - 必要なライブラリが ES6 から ES5 に変換されないのはなぜですか?

構文を使用している別のライブラリにあるreactアプリを作成しています。libを使用した私のコードは次のとおりです。requireES6

horario-calendarサードパーティのアプリであり、ES6構文がいっぱいです。すべてのコードgulpを. タスクは次のとおりです。transpileES6

しかし、それはコードによるものではありませんtranspilerequireそれはtranspile私のコードだけです。私はまだES6スタイルのインポートをすべてhorario-calendar. transpileそのコードにも何をする必要がありますか?

0 投票する
2 に答える
2402 参照

javascript - ES6 クラス: メソッドの実装を別の関数でラップする

ES6クラスを使用してこのようなことを行うための構文を理解しようとしています:

これは私がこれまでに持っているものです:

何か案は?

0 投票する
3 に答える
7807 参照

maven - Traceur または Babel を使用する ES6 を ES5 にトランスパイルする Maven プラグイン

maven プロジェクトで traceur または Babel (以前は 6to5 という名前) を使用して ECMAScript6 コードを ECMAScript5 にトランスパイルする方法は既にありますか? 私はすでに成功せずにネットを検索しました。

0 投票する
2 に答える
1646 参照

javascript - 2 つの引数を渡すコールバックで動作する promise を作成する

最近の Cordova アプリでは、データをローカルに保存するために必要なデバイス サポートと機能を提供する WebSQL API を使用しました。今後のプロジェクトで再び使用する予定なので、BabelJS を使用して、core.js に実装された promise の調査を開始しました。約束の実装への追加されたリンクを編集します。

これが私がこれまでに持っているものです:

API 自体を使用して単純なクエリを実行する際の必要最低限​​の機能は次のとおりです。

したがって、トランザクションは単純にトランザクション インスタンスを渡します。これを使用して、SQL ステートメントを実行できます。それは約束を包むのに十分簡単でした。トリッキーな部分は、executeSqlメソッドのコールバックです。これは、追加のクエリに使用すると便利なトランザクションを渡します。次に、結果データを渡します。これをプロミスでラップするにはどうすればよいですか?

私のDataSourceクラスでは、executeSql メソッドはトランザクション オブジェクトをログに記録しますが、res オブジェクトはログに記録しません。その後、トランザクションは正しく開始され、promise が返されます。しかし、最初のパラメーターのみを返すことを尊重します。どうすればこれを回避できますか?

0 投票する
3 に答える
33016 参照

javascript - Babel と Grunt を使用してプロジェクトを適切にコンパイルする方法

Babel で遊んでみましたが、うまくいきません。

私のプロジェクトはシンプルです

index.html

main.js

module.js

Gruntfile.js

grunt を実行すると、すべてがコンパイルされます。しかし、私は期待される結果を得ることができません。

まず、ブラウザが と言うrequire is not definedので、require.js を HTML に追加します。

それから、私は得るError: Module name "module" has not been loaded yet for context: _. Use require([]) http://requirejs.org/docs/errors.html#notloaded

私はこれらすべてについて少し混乱しています。コードを機能させるにはどうすればよいですか?