問題タブ [es6-module-loader]

私は現在、MEAN スタックを使用して Web アプリケーションを作成しており、ECMAScript 6 JavaScript でコードを作成しようとしています。ただし、インポートおよびエクスポート構文を使用すると、Chrome と Firefox の両方でエラーが発生します。現在、ECMAScript 6 を完全にサポートするブラウザーはありますか?

注意: ECMAScript 6 がブラウザーでいつサポートされるかについて質問しているわけではありません。ECMAScript 6 のインポートおよびエクスポート構文をサポートしているブラウザーを尋ねています。https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla#Features_not_yet_support_by_Firefoxを参照してください

従う前に、環境の概要を説明します

1. IDE: Webstorm、最新リリース
2. es6 がインストールされ、有効になっている
3. バベルがインストールされています。babelファイルウォッチャーがインストールされています
4. タイプスクリプトがインストールされています

私がやろうとしているのは、モジュールを作成してからインポートして使用することですが、常に異なるエラーが発生します。以下は、私が持っているファイルとその内容のリストです

1. スタッフ

   /li>

Webstorm は Staf という単語に下線を付け、次のエラーを表示します。

2. login.js

   /li>

3. ログイン.html

   /li>

それを実行しようとすると、3つのエラーが発生します

今、私はbabel、babel-cli、およびbabel-preset-es2015をインストールしようとしましたが、この問題を解決するためのブレークスルーにつながることに注意してください

以下の switch case の例のステートメントのようにタイプミスを見つけることは可能ですか?

推奨される方法は、eslinter が警告/エラーを報告することです。現在、未定義の場合、実行時に を発生させるために追加toString()を使用できます。constTypeError

actionTypes.js

reducer.js

アップデート：

@nikc.org が答えたように、名前空間オプションを指定したeslint-plugin-importは、そのようなバグをリンティングするために使用できます。

構成とデモを含む小さなリポジトリは次のとおりです。

https://github.com/bmihelac/test-js-import-undefined/tree/eslint-plugin-import

eslint config の関連部分は次のとおりです。

(v6) にバンドルされている React &Refluxアプリを開発していますが、es6 モジュールの依存関係の問題が発生しています。webpackbabel-loader

たとえば、還流.connect()mixinを使用するコンポーネントがあります。

このように各ファイルにすべてのモジュールを個別にインポートすると、すべて問題ありません。

次に、分解された import ステートメントを使用してコードを改善しようとしました。

...コンポーネント内:

...そしてjs/index.js:

上記の手法を使用すると、すべてのコンポーネントを 1import行でインポートできるため、アプリのソース コード ファイルはより簡潔になります。

しかし、これを使用すると、いくつかの依存関係が使用されてしまいundefinedます

同じ更新された例を使用すると...

...MyStoreパラメータundefinedはReflux.connectメソッドで終了します。

__webpack_require__(xxx)デバッガーでトラブルシューティングを試みましたが、生成されたバンドル内のステートメントで何が起こっているのかよくわかりません。個々のモジュールを再エクスポートするファイルbabel-loaderがある場合、webpackが必要とする循環依存関係が存在する必要があります。index.js

これを理解するのに役立つツールを知っていますか? 試してみmadgeましたが、es6 モジュールでは動作しません。どこに問題があるかを教えてくれるものは何も見つかりませんでした

こんにちは、私のサーバーではこれが機能しています：

そして別の場合はそうではありません。代わりに、次を使用する必要があります。

どちらもノード 4.2.2 を使用しています

誰も理由を説明できますか？