問題タブ [jspm]

Typescript と jspm を使用して角度のあるアプリを作成しようとしています。問題は、.jsファイルが確実にロードされるようにする場合です。jspm では、インポートを作成する必要があり、コードを実行する前にファイルが確実にロードされるようにします。しかし、Typescript は私のインポートを削除します。これは私が書いた Typescript コードです。ロードangular-new-routerしてから、モジュールの依存関係に追加する必要があります。

私の質問: Typescript に import ステートメントを削除しないように指示するにはどうすればよいですか? または、ルーターの読み込みを確実にするために何か他のことをしなければなりませんか?

PS: typescript コードを commonjs で ES5 にコンパイルします。

編集:この質問はTypeScript: import module with only statesと同じではありません。サードパーティのライブラリを使用する際にこの問題が発生するため、それらを変更したくありません。また、私はcommonjsパターンを使用しているためamd-dependency、問題は解決しません!

編集 2:もう 1 つの問題は、Typescript コードで js モジュール以外のファイルを要求できないことです。

テンプレートを介して使用している基本的なウィジェット ( widget.js、widget.htmlおよび) があります。widget.css

このコンポーネントを複数の aurelia プロジェクトで再利用するには、どのような手順を踏む必要がありますか?

以前にパッケージを作成したことはありませんが、私の理解では、widget.js、widget.html、widget.css を github リポジトリにコミットしてから、その JSPM パッケージを定義するだけです。main="widget.js" を定義できることはわかっていますが、html ファイルもパッケージ化できるかどうかはわかりません。また、aurelia が jspm パッケージのテンプレートを「要求」できるかどうかもわかりません。

内部開発サーバーに GitLab をインストールしました。開発中のjspmの配布エンドポイントとして利用したいです。JSPM で使用する git サーバーを定義することは可能ですか、それともプライベート ソースのパッケージを使用する他の方法はありますか?

Aurelia プロジェクトに JS 依存関係をインストールするために実行jspm installすると、jspm は次のように言います。Github rate limit reached

直し方？

aurelia のバンドラーを実行すると、次のエラーが表示されます。

npm モジュール google-maps-api を見つけてインストールしましたが (npm install google-maps-api)、systemjs/jspm でインポートする方法がわかりません (jspm はこのモジュールを見つけることができません)。私のconfig.jsからの構成は次のとおりです。

だから、私がこのようなことをしようとすると：

ブラウザ コンソールに次のエラーが表示されます。

GET https://localhost:44308/app/dist/google-maps-api.js 404 (見つかりません)

ファイルシステムを見ると、npm が app/node_modules/google-maps-api の下にモジュールをインストールしたことがわかります。Aurelia モジュールの import 句でそれを参照するにはどうすればよいですか?

私は jspm と system.js で動作する ES6 セットアップを持っています。npm または github を介して Boostrap をインストールしても、Bootstrap に必要なファイルが (もう) 提供されないため、そのエンドポイントが必要です。

ただし、いくつかの Bootstrap プラグインを使用したい (つまり、折りたたみ)。AMD や CommonJS 構文を持たない単純な jQuery プラグインであるため、グローバルに jQuery が必要です。

それを達成するためにsystem.jsのconfig.jsファイルをシムする方法はまったくわかりません。このようなカスタムオーバーライドを渡すことができます

これは、jQuery プラグインをシムする「公式の方法」のようです。

ただし、単一のプラグインだけでなく、複数のフォルダーとファイルを含むフレームワーク全体をインストールしています (したがって、上記のように、Bower エンドポイントを介して jspm の Bootstrap がインストールされます)。

助言がありますか？

SystemJS + JSPM管理プロジェクトで、Polymerの要素を使用するにはどうすればよいですか?

以前はPolymerjspm install github:Polymer/polymerをインストールし、 Iron-Elementsもインストールしていました。jspm install github:PolymerElements/iron-elements

これには複数の問題があるようです：

たとえば、iron-elements.html ファイルでは、インポートが間違ったパスに<link rel="import" href="../polymer/polymer.html">移動します。Polymerディレクトリは実際にはそのバージョンで名前が付けられているため (通常はJSPMで)、実際のインポートは my.xml にある必要があります<link rel="import" href="../polymer@1.0.5/polymer.html">。場合。

第 2 に、 Polymerファイルをインポートする際に、 SystemJS環境では、バージョン パスを含めて、そのように index.html 内に配置するのは少し鈍いようです。

SystemJSでこれらの html インポートを行うより良い方法はありますか?

第 3 に、Polymerのダウンロード オプションは、「カート」のようなオプションを使用して手動でダウンロードするか、Bowerで行うため、JSPM のリポジトリまたはを介し​​て鉄要素または紙要素を取得しようとすると、それらの依存関係がダウンロードされず、さらには依存関係を手動で追加すると、バージョンの名前がJSPMであるため、それらのパスは依然として間違っています。github:bower:import

JSPMのgoogle groupでのこの議論によると、この問題は

PolymerがBowerを想定しているということです

SystemJSまたはPolymerのいずれかを捨てることを余儀なくされるのは、私が本当にやりたくないことです。

ただし、( Aureliaフレームワークの) 別の議論で、Rob Eisenberg は Polymer をAureliaで使用する可能性について言及しています。

Polymer の Paper 要素を使用できるはずです。そのためには、Aurelia の前にページに Polymer フレームワークを含めます。

私が知る限り、AureliaはJSPMを使用しているので、それは可能ですか?

可能性のある解決策は、RequireJSに切り替えることです。その後、 Bowerを使用してPolymerのものを追加できますが、 SystemJSを使用したいのですが、 Aureliaで動作するかどうかはわかりません。また、SystemJSとJSPMを使い続けることができ、 PolymerだけにBowerを使用することもできました。

アップデート

より良い答えが見つかるまで、一時的な解決策はJSPMとBowerの両方を使用することです。BowerはPolymerにのみ使用されます。