問題タブ [babel-polyfill]

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 投票する
1 に答える
122 参照

javascript - 私のbabel poyfillが機能しないのはなぜですか?

以下は私のwebpack設定です:

また、これらのモジュールをすでにnpmインストールしています:

そして、ここに私の create.js ファイルがあります:

そして、ここにコンソールからの私のエラーメッセージがあります:

私は何か間違ったことをしましたか?babel polypill を正しくセットアップしていませんか?

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

reactjs - webpack での babel-polyfill の使用

webpack で babel-polyfill を使用しようとすると、次のエラーが発生し続けます。babel-loader のようなローダーなしでどのように使用すればよいですか? es2015環境をエミュレートすることが言及されました。

編集

私のwebpack構成

babel-loader を追加しましたが、それでも同じエラーが発生します

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

javascript - Babel が新しいリクエスト (fetch-api) を関数呼び出しに変換すると、Chrome でエラーが発生する

純粋な ES6 (ジェネレーターなどを含む) として保持している別の API ライブラリを作成しましたが、それは isomorphic-fetch ライブラリに依存しています (したがって、ノードとブラウザーの両方のコンテキストで使用できます)。

別のプロジェクトでwebpack 2を使用してインポートすると、縮小/最適化プロセスを実行しようとするまで、すべてがうまくいきます。ジェネレーターの構文がサポートされていないため、UglifyJS はそれを処理しません。そのため、babel を使用して webpack ローダーとしてそのライブラリを実行しようとしましたが、ブラウザーでコードを実行しようとすると、次のエラーが発生します。

Uncaught (in promise) TypeError: Failed to construct 'Request': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

私はここでキャッチ 22 に巻き込まれているようです。Babel が特定のネイティブ クラスを保持しているのに、Request クラスを保持していない理由がわかりません。

これについて私の机に頭をぶつけていたので、どんな助けも大歓迎です。

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

reactjs - Webpack 構成の何が問題になっていますか?

学生のプロジェクトで Webpack を使い始めましたが、React と Babel を含めるように Webpack を構成するのに行き詰まっています。これが私のノードパッケージです:

...そして、私のwebpack構成ファイル:

しかし、webpackコマンドは私にこのエラーを表示します:

(サンプルの index.jsx ファイルがあります)

問題は私のwebpack.config.jsにあるようですが、ウェブ上の多くの例から検索したにもかかわらず、その理由はわかりません。手伝って頂けますか ?ありがとう !

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

angularjs - angular ui-router では、babel/polyfill の 1 つのインスタンスのみが許可されます

現在、私は学校のプロジェクトで働いており、angularJs と流星を使用していくつかのグラフを表示したいと考えています。

ui-router プラグインを使用したい。しかし、それを使用しようとすると、次のエラーが発生します。

また、次の警告が表示されます。

このメッセージが私に何を伝えたいのか、私にはまったくわかりません。バベル/ポリフィルを複数回ロードしませんでした。このメッセージを受け取るまで、私はこのプラグインのことさえ知りませんでした。

これは、ui-router コードを含む私の main.js です。

これは、ビューを挿入する必要がある私の main.html のコードです。

ui-router がなくても問題なく動作します。

ここで何が問題なのですか?

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

webpack - バベルポリフィルは、エラーをバブルさせる代わりにエラーをキャッチします

フロントエンドのエラーを追跡するためにraygunを使用しています。Raygun は、プロパティにフックすることで EventError を悪用しwindow.onerrorます。ここまでは順調ですね。

私のアプリケーションは ES6 で書かれており、ジェネレーターを使用しています。私は、babelを使用して ES6 Web ブラウザーに準拠したコードを記述し、それをバンドルするwebpackを使用しています。私は使用しているので、HTML にgeneratorsBabel もインポートします。HTML ページが他のアプリケーションをロードし、ポリフィルを実行しようとする可能性があるため、アプリケーションにインポートしていません。そうすれば、ポリフィル インスタンスだけが実行されます。polyfillentry chunk

動作することを確認するためwindow.onerrorに、最初に独自のエラー ハンドラを作成しました (まあ、MDN からコピーしました)。

したがって、私のコードを実行することで、素晴らしいビンテージ アラートが期待できます。

残念ながら、エラー ログにメッセージが表示されますが、window.onerror フックではキャッチされません。

一方throw new Error('test');、ジェネレーター関数の外に移動すると、予想されるアラートが表示されます。この動作を回避するにはどうすればよいですか?