角4 - システム構成

Question

私はsystemjsを初めてモジュールローダーとして使用しています。私はまた私のプロジェクトでng2-drag-drop pluginを使用しようとしています。インストールした後、私はそれを使用したいモデルのモジュールをインポートしました。私の場合はPostModuleです。

import { Ng2DragDropModule } from 'ng2-drag-drop'; 

@NgModule({ 
    imports: [PostRoutingModule, SharedModule, Ng2DragDropModule], 
    declarations: [PostComponent], 
    exports: [PostComponent], 
    providers: [PostService] 
}) 
export class PostModule { } 

そして、それはドキュメントに言うように、私はsystemjs設定ファイル変更されました：

ここ

GET http://localhost:5555/node_modules/node_modules/ng2-drag-drop/index.js 404 (Not Found) (anonymous) (SystemJS) XHR error (404 Not Found) loading http://localhost:5555/node_modules/node_modules/ng2-drag-drop/index.js

Answer 1

はあなたが設定することができます方法です。

declare var System: SystemJSLoader.System; 

System.config(JSON.parse('<%= SYSTEM_CONFIG_DEV %>')); 
System.config({ 
    map: { 
     'ng2-drag-drop': 'node_modules/ng2-drag-drop' 
    }, 
    packages: { 
     'ng2-drag-drop': { main: 'index.js', defaultExtension: 'js' }, 
    } 
}); 

は、しかし、私はエラーを取得しますそれ：

System.config({ 
    paths: { 
     'npm:': '/node_modules/' 
    }, 

    map: { 
     'ng2-drag-drop': 'npm:ng2-drag-drop' 
    }, 

    packages: { 
     'ng2-drag-drop': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     } 

    }