外部Angular 2コンポーネントのインポートに失敗しました

Question

Webpack（https://visualstudiogallery.msdn.microsoft.com/31a3eab5-e62b-4030-9226-b5e4c9e1ffb5）を使用しているASP.NET Core Templateを使用しています。

複数の外部モジュールをAngular 2プロジェクトにインポートしようとしています。 https://www.npmjs.com/package/ng2-slider-componentがその1つです。

• NG2-slider.component.d.ts
• NG2-slider.component.html：

  私node_modulesフォルダ内の "NG2-スライダー・コンポーネント" を開いて、私は、次のファイルを参照してください

• NG2-slider.component.js
• ng2-slider.component.js.map
• NG2-slider.component.system.js

「app.module.ts」にインポートできる「ng2-slider.component.ts」のようなものがありません。だから私はこれを次のようにしてみようとしています。

import { Ng2SliderComponent } from 'ng2-slider-component/ng2-slider.component'; 

これを@NgModuleで使用します。

@NgModule({ 
bootstrap: [ AppComponent ], 
declarations: [ 
    Ng2SliderComponent 
]}) 

しかし、これは内部サーバーエラーをスロー：例外：エラー：エラーで失敗しましたモジュールをノードに呼び出すモジュールIDは「Ng2SliderComponent」の文字列でなければなりません。詳細については、を参照してください。 Webpackを使用している場合は、テンプレートとスタイルをインライン化する必要があります。あなたの迅速な応答を

Answer 1

（システム・ローダーを使用している場合）あなたはsystemjs.config.jsに次のコードを追加する必要があり、

packages: { 

    .... 

    'node_modules/ng2-slider-component': { 
      main: 'ng2-slider.component.system.js', 
      defaultExtension: 'system.js' 
    }, 

    .... 

}