私は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
私は何が欠けていますか?このパスは型定義ファイルを受け取りませんか?任意の助け
おかげ
ヨアヒム
私はこれを試しましたが、同じ結果です。実際には、system.jsのドキュメントには、 "正規化されたモジュール名を厳密に制御する必要がない限り、パス経由でマップ設定を使用することをお勧めします。 だからそれはどちらかというと... – user6511669
いくつかのことを確認する- 1. package.jsonの両方の依存関係を使用していますか?「dragula」:「^ 3.7.0」、「ng2-dragula」:^1.1.9 "、 2.あなたのコンポーネント - ディレクティブ:[Dragula]、ビュープロバイダ:[DragulaService]、 – Sanket
はい、両方 – user6511669