2016-06-25 4 views
2

私はDragulaサードパーティコンポーネントを追加したい角度2のCLIプロジェクトを持っています。私は、NPMモジュールをインストールして、コンポーネントをピックアップし、そのよう/distフォルダに配置するangular-cli-build.jsに構成:角2はドラグラを構成します

vendorNpmFiles: [ 
    'systemjs/dist/system-polyfills.js', 
    'systemjs/dist/system.src.js', 
    'zone.js/dist/**/*.+(js|js.map)', 
    'es6-shim/es6-shim.js', 
    'reflect-metadata/**/*.+(js|js.map)', 
    'rxjs/**/*.+(js|js.map)', 
    '@angular/**/*.+(js|js.map)', 
    'ng2-dragula/**/*.+(js|js.map|d.ts)' 
] 

これは動作し、構築する際に、ファイルがコピーされます。 私はそうのようなインポートモジュールを参照:Visual Studioのコードは参照を見つけるように見えることから

import {Dragula,DragulaService} from 'ng2-dragula/ng2-dragula'; 

また、これは、正しいように思えます。

問題はsystem-config.tsにあると思います。

const map: any = { 
    'ng2-dragula': 'vendor/ng2-dragula' 
}; 

しかし、私は起動したとき、私は404エラー示すを得る:ここで私は、マッピングを追加

zone.js:101(見つかりません)http://localhost:4200/vendor/ng2-dragula/ng2-dragula 404をGET

を私は 'パッケージ'のdefaultExtensionを追加しようとしましたが、リンクの最後に追加の 'ng2-dragula.js'しか追加しませんでした。

位置 '... /ベンダー/ NG2-dragula /' の内容は次のとおり

  • NG2-dragula.js
  • NG2-dragula.d.ts

私は何が欠けていますか?このパスは型定義ファイルを受け取りませんか?任意の助け

おかげ

ヨアヒム

答えて

0

あなたがdragulaパスを追加したことがありますか?

paths: { 
     'dragula': 'node_modules/dragula/dist/dragula.js', 
     'ng2-dragula/*': 'node_modules/ng2-dragula/ng2-dragula.js', 

これが役立つかどうかを確認してください。

+0

私はこれを試しましたが、同じ結果です。実際には、system.jsのドキュメントには、 "正規化されたモジュール名を厳密に制御する必要がない限り、パス経由でマップ設定を使用することをお勧めします。 だからそれはどちらかというと... – user6511669

+0

いくつかのことを確認する- 1. package.jsonの両方の依存関係を使用していますか?「dragula」:「^ 3.7.0」、「ng2-dragula」:^1.1.9 "、 2.あなたのコンポーネント - ディレクティブ:[Dragula]、ビュープロバイダ:[DragulaService]、 – Sanket

+0

はい、両方 – user6511669

関連する問題