最新の JSPM にアップグレードしました

そして、jspm_modulesフォルダーを削除して実行することにより、すべてのパッケージを再インストールしました

Aurelia プロジェクトを開始すると、次の出力が得られます

マップ構成を削除して、 config.jsjspm で再構築しようとしました

ただし、それでも同じエラーが発生します。

Polymer を ES6 クラスと結合するさらに別の試み。

そして、インポートされたes6クラス（systemjsによる）を持つポリマーコンポーネントでwctテストがランダムに失敗することを除いて、ほとんど機能します。私が理解している限り、これは mocha がテストを実行した後にクラス定義を含むスクリプトがロードされるために発生します。ポリマー コンポーネントは、html と javascript (後者を es5 にコンパイルするため) の 2 つの部分で構成されます。

html:

JavaScript:

これは、少なくとも localhost からロードされた場合、ブラウザーで非常に安定して動作するようです。しかし、テストを「修正」する唯一のことは、Polymer の ready 呼び出しを遅らせることです。

これは、ある時点でこれがすべてブラウザでも失敗することを意味します (おそらく、ローカルホスト以外からサービスを提供している場合)。

どうにかしてシステム レジスタの約束を達成し、HTMLImports.whenDocumentReady に似たものを作成することを考えていますが、これがどのように機能するかについてはまだ明確に理解していません。

ですから、どんなアイデアや提案も大歓迎です！

サンプル アプリは github にあります。

失敗するよりも頻繁に成功させるには、wct.conf.js で verbose を true に変更します。

更新の種類:システム js SFX ライブラリをインポートする方法

https://github.com/systemjs/builder#example---common-bundlesで説明されているように、いくつかの js ファイルを 1 つの SFX にコンパイルしました(「&」の代わりに「+」を使用していますが、この部分は働く）：

しかし、結果のjsファイルをインポートしようとすると、libが見つかりません:

どんな助けでも大歓迎です！

アップデート：

これまでに見つけた唯一の解決策は、sfxGlobalName を使用して、含める他のすべてのファイルへの参照を含む「特別な」js ファイルを作成し、それを html に含めることでした。

all.js:

index.html:

次に、インポートされたオブジェクトに次のようにアクセスできます

一口:

もっと良い方法はありますか？

サンプル アプリは github にあります。

私は主に、ES6への移行をより簡単にするモジュールのサポートを考えて、systemjsに移行中です。

systemjs CSS プラグインを使用すると、次のようなエレガントなインポートが可能になります。

ただし、これは非同期で読み込まれるため、サーバーによって生成されたページの残りの部分よりも先に読み込まれる必要がある CSS を読み込むには実用的ではありません。そのため、面倒なパッケージ URL に戻さなければなりません。(これはバージョンが変わると壊れてしまいます -- そして、JSPM がこれらの詳細を管理することになっているので、一般的には非常にハックなようです?)

ベストプラクティスはありますか? 実際、systemjsの実用的な使用例はありますか?

次のように、モジュールの 1 つが外部ライブラリ (rest) を使用するサンプル Angular2 アプリを作成しました。

利用した

「typings」ディレクトリにrest.d.tsを配置し、使用しました

ランタイムバージョンを取得する (これはどこにも説明されていませんでした。私はこのようなことをしなければならないと思いますか?)

bower_components から 2 つのディレクトリ (「rest」とその依存関係「when」) を dist/lib にコピーするように gulp スクリプトをセットアップしました。

アプリ自体は正常にコンパイルされますが、ブラウザーでは、rest/when モジュールの依存関係を解決できません。

私が追加しました

私のindex.htmlファイルに、おそらくそのリストにファイルを追加し続けることができましたが、どういうわけかこれは...間違っていると感じています。

すべてのパッケージの内部ファイル構造を index.html にリストしなければならないというのは、確かに正しくありませんか? 「when」モジュールは、「./lib」で独自の依存関係を見つけることを想定していることがわかります。「rest」はまったく異なる構造を持っています。

だから、私の質問は次のとおりです。

• bower (または npm) を介して管理される JavaScript パッケージを Angular2 のクライアント側にインポートする方法について、私は何を誤解していますか?

• System.paths 内のすべてのモジュールのすべてのファイルをリストして機能させる必要がありますか?