問題タブ [jspm]

非常に奇妙な問題があります。以下のコードは正常に動作します。ただし、Angular スクリプトをローカルのスクリプトに変更すると、いつの間にか、

実行すると、ローカルの代わりに jspm.io でスクリプトを検索します。どうしてこれなの？

私たちはかなり長い間、RequireJS、Bower、および npm を使用してきました。今では、jspm と SystemJS に非常に感銘を受けています。

私たちは彼らが好きです：

• AMD と連携して、既存のコードを変換する手間を最小限に抑えます
• 新しい機能を利用して ES2015 モジュールを作成できるようにする
• 彼らが維持しているRequireJSと同様の構成ファイルがあります。
• bower に登録する必要のない Node と GitHub からライブラリをプルできるようにする

切り替えを妨げている唯一の理由は、Jasmine テスト スイートを含むモジュールにロードされる必要なモジュールの新しいインスタンスを SystemJS に提供するように指示する手段が必要なことです。

RequireJS では、createRequireContext をウィンドウに追加することでこれを行います。

そして、Jasmine テスト スイート内で createRequireContext を呼び出します。

beforeEach で新しいコンテキストを作成すると、すべてのテストに必要なモジュールが分離されます。beforeAll で新しいコンテキストを作成すると、必要なモジュールが他のテスト スイートで使用されないように分離されます。

SystemJS と jspm でこれを行う方法はありますか?

だから私はjspmとbabelを使ってAngular 1.3 es6プロジェクトをセットアップしています。es6のインポート/エクスポート機能を使用しています。karma と karma-jspm がインストールされており、基本的なテストを問題なく実行できます。モジュールの 1 つをテストにインポートしてテストしようとすると、カルマでエラーが発生します。

Error loading "app/services/chart-data/chart-data.spec" at http://localhost:9876/base/app/services/chart-data/chart-data.spec.js Error loading "npm:babel-core@5.3.3" at http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3.js Error evaluating http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3.js Error evaluating http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3/browser.js TypeError: 'undefined' is not a function (evaluating 're.test.bind(re)') at undefined

そして、ここに私のカルマ設定ファイルの一部があります:

そして、これはテストの例です:

答えを探すのに運がなく、jspm gitterで助けを求めたことさえありましたが、これまでのところ何も見つかりませんでした.

プロジェクトの他のすべては正常に動作しているようで、インポート行を削除すればテストを実行できます。どんな助けや提案も大歓迎です。

node-sass を使用して Jspm のモジュールをビルドしようとしていますが、パッケージをバンドルしようとすると、次のエラーが表示されます。

jspm バンドル-sfx インデックス

インデックス用の単一ファイル sfx バンドルを構築しています...

エラー エラー: "npm:node-sass@3.1.2/package.json!github:systemjs/plugin-json@0.1.0" のファイルの読み込み中にエラーが発生しました:/Users/davide/Learning/JspmNodeSass/jspm_packages/npm/node- sass@3.1.2/package.json ファイルの「インデックス」から「npm:node-sass@3.1.2/package.json!github:systemjs/plugin-json@0.1.0」をロード中にエラーが発生しました:/Users/david/ Learning/JspmNodeSass/index.js ENOENT、「/Users/david/Learning/JspmNodeSass/jspm_packages/npm/node-sass@3.1.2/package.json」を開く

これは、プロジェクトを最初から作成してエラーを作成するシーケンスです。

次の内容で index.js を作成します。

..次に実行

バンドル ファイルの aurelia.io フレームワークを使用し、SystemJS を使用して構成された小さな TypeScript helloworld アプリケーションがあります。アプリを実行すると、コンパイル済みの typescript バージョンで次のhelloworld.tsようなエラーがスローされます。

関数defineが SystemJS によって宣言されているように見えるので、おそらくこれは構成の問題です。フレームワークは正常に読み込まれているようですが、systemjs 関数が認識されないのは非常に奇妙です。

これが私のプロジェクト階層と構成ファイルです。私は何を間違っていますか？

私のフォルダ構造は次のようになります。

jspm をインストールし、プロンプトに従ってデフォルトの config.js ファイルを作成しました。デフォルトから変更した唯一のオプションは、babel をトランスパイラーとして使用することでした。

私の config.js は次のようになります。

私の index.html は次のようになります。

私helloword.tsはこのように見えます：

完全なエラー:

私は angular2 で遊び始め、親の場所にある angular に依存するコンポーネントを作成しようとすると、たとえば、

次のエラー メッセージが表示されます。

ゾーンはすでにオブジェクトのウィンドウにエクスポートされています!

この問題の原因と解決方法を教えてください。

jQuery プラグインjQuery.scrollToを JSPM でインポートしようとしています。

これまでのところ、私はそれをインストールしました

そして今、私はそれをインポートしようとしています

今、私は得ているだけです

エラー。

私はそれをシムしようとしましたが、これまでやったことがなく、必要に応じてその方法を説明する良い説明が見つかりません。いつ、どのように shim する必要があるか、または適切な説明を教えていただけますか?

以下のバージョンの JSPM を Angular2 および SystemJS (バージョン: Angular@2.0.0-alpha.27 with JSPM@0.16.0-beta.2 および SystemJS@0.18.0) で実行すると、次の問題が発生します。コンパイルされた (エラーなし) ブラウザーで次のエラーが表示されます。

ファイル Reflect.js: \jspm_packages\npm\reflect-metadata@0.1.0\Reflect.js を手動でインクルードすると、その問題はなくなりますが、別の角度ファイル内でリストが未定義であるという次の問題が発生します。

system.js と typescript / jspm.io の両方からの構成ファイル (src コード) については、以下の bitbucket src を参照してください。

https://bitbucket.org/schippie/angular-2-jspm-hello-world/src/8af83f2066e5e3e9eede7db495545234f3b0c04a

私が疑問に思っているのは、現在、jspm を system.js と一緒に使用して、angular が正常に機能するために必要なすべての angular パッケージを取得できるかどうかです。system.js の設定を見ると、angular がそれに依存していることが明確に述べられています。

しかし、それらは取得されません（ネットワークタブを見てください）