問題タブ [es6-module-loader]

これは React-Redux の Hello World アプリケーションです。コマンド プロンプトで実行してもエラーは表示されませんがnpm start、localhost:3333 で開くと、空白のページが表示されます。をインストールしreact react-dom babel babel-core babel-preset-es2015 babel-preset-react babel-loader webpack webpcak-dev-serverました。私のコマンドは、localhost:3333 で実行されていることを示しており、バンドルは現在有効です。これがreact-reduxの最後の試みですので、助けてください。助けてください。

index.html

App.js

main.js

パッケージ.json

webpack.config.js

ブラウザのタブにタイトルSetupが表示されます。つまり、html コードのタイトルがブラウザに正常に表示されます。

助けてください！

ブラウザでSystem.jsとbabelを統合するにはどうすればよいですか?

開発モードではブラウザで純粋な es6 ソース コードを使用し、プロダクション モードではファイルをバンドルしたいと考えています。そこで、以下のように system.js と babel を設定します。

npm経由で最新バージョンsystemjs（0.19.24）とbabel-standalone（6.6.5）の両方をインストールしました。

私のindex.htmlは以下です

私のboot.jsは以下にあります

そして私のapp.jsは以下です

ページにアクセスすると、コンソールにエラーが表示されます。

system.src.js:57 Uncaught (in promise) エラー: ReferenceError: [BABEL] http://v:3000/boot.js : 削除された Babel 5 オプションの使用: base.modules - オプションで対応するモジュール変換プラグインを使用しpluginsます. http://babeljs.io/docs/plugins/#modules (…)をチェックしてください。

次に、babel のドキュメントを確認し、babelOptions にオプションを 1 つ追加しました。System.js の設定は次のようになりました。

しかし、同じエラーが発生します。System.jsとbabelをブラウザに統合して、es6ソースコードモジュールをロードする方法がわかりません。

誰でも私を助けることができますか？どうもありがとう！！

編集

system.src.js を確認options.modules = 'system';し、babelTranspile 関数で削除しました。その後、上記のエラーはなくなりました。しかし、新たなエラーが発生しました。

plugins: ["transform-es2015-modules-systemjs"]babelOptions に含めなかった場合、js ファイルは次のように変換されます

しかし、私はエラーが発生しました

require は関数ではありません。

babelOptionsに含めるplugins: ["transform-es2015-modules-systemjs"]と、ファイルは変換されず、app.js でエラーが発生します

system.src.js:57 Uncaught (in promise) エラー: SyntaxError: Unexpected token export

これを修正する方法を教えてください。返事を待っています。どうもありがとう

Gruntfile.js

これはES6で書かれたサンプルファイルです

上記のファイルをトランスパイルすると、

現在、メイン ファイルに HomeController をインポートしようとしていますが、HomeController は空のオブジェクトを返しています。どこで間違いを犯しているのかわかりません。

systemjs + Babelを使用して記述した ES6 コードを移植しようとしています。

ほとんどのコードを移植するのに何の問題もありませんでした。

ただし、次のように、ES6 モジュールを動的にロードする必要があるコードがいくつかあります。

src は、依存関係 (静的インポート) を持つ可能性がある外部 ES6 モジュールです。

このコードを Webpack に移植するにはどうすればよいですか? require ステートメントを使用しようとすると、Webpack のドキュメントによると、正常と思われる WARNING が表示されます。

サーバー側でレンダリングされた構成を ES6 モジュールとして、インポートできる TypeScript アプリケーションに渡したいです。SystemJS モジュール ローダーを使用します。

config モジュールは index.html で直接設定されます。

次にmain.tsで

SystemJS は構成モジュールを認識しますが、TypeScript コンパイラは不平を言うため、これはブラウザーで機能します。

モジュール 'config' が見つかりません。

index.htmlで定義された「外部」カスタムモジュールについてTypeScriptに伝える方法は?