Aurelia Element読み込み問題

Question

私たちの環境では、プライベートgitリポジトリをセットアップし、このリポジトリからパッケージをインストールするようにjspmを設定しました。レポには、.js、.html、および.cssファイルがあります。 Jspmはすべてのファイルを名前に@masterが付いたフォルダに持ってきて、ブランチを反映させ、マシンのあらかじめ設定されたjspm_packagesの場所にすべて格納します。また、内部にエクスポートステートメントがあるフォルダの隣に2番目の@master.jsファイルを追加します（このファイルは自分で作成しませんでした）。

これらのファイルは、私のaureliaアプリケーションで使用したいカスタム要素を表しています。 viewmodelには.js、ビュー（および.cssファイル）には.htmlがあります。カスタム要素を使用すると、404というファイルが見つかりません。これは、system.jsが存在しない@ master.htmlファイルを探しているためです。

Jspmはconfig.jsの@master.jsファイルを参照しているようですが、何とかAureliaの@ master.htmlファイルを想定していますか？ jspmを使用してパッケージをインストールしたときに@ master.jsファイルのみが作成されました。元の.htmlファイルは存在し、上記のフォルダ内に存在しますが、@ master.htmlファイルはありません。また、1）そのファイルが何であるか、2）なぜ参照されているのかわかりません。私のコードで@ master.htmlへの参照はありません。

これがJSPMの問題、Aureliaの問題、System.jsの問題、またはそれらのいくつかの組み合わせであるかどうかはわかりません。

誰もがこれらの技術で同様の経験をしていますか？

おかげで、 クリス

Answer 1

は基本的に、オーレリアは、それがあると仮定し何のマッチング「ビュー」を探しているmaster.jsカスタム要素として、あなたのレポをインポートしているので、あなたは、@をインポートする際に信じていますビューモデル。

リポジトリをプラグインとして構築する必要があるようです。最上位にindex.jsファイルを追加し、configure関数を実行する責任を負わせるようにします。これにより、グローバルリソースが必要なコンポーネントが作成されます。あなたのpackage.jsonがindex.jsを「メイン」として指していることを確認してください。その後、ほかのプラグインと同様に、main.jsファイルに.plugin（ 'your-package-name'）を追加する必要があります。だから私は、これまでにJSPMが.jsファイルではなく、.htmlのかをバージョン管理されて収集したなけなしから（hereから取られた）

import {Options, GLOBAL_OPTIONS, DIRECTION} from './options'; 
import {Dragula} from './dragula'; 
import {moveBefore} from './move-before'; 

export {Dragula, Options, DIRECTION, moveBefore}; 

export function configure(config, callback) { 
    let defaults = new Options(); 
    config.container.registerInstance(GLOBAL_OPTIONS, defaults); 

    if (callback !== undefined && typeof callback === 'function') { 
    callback(defaults); 
    } 

    config.globalResources(['./dragula-and-drop']); 
}