Angular 4 - Konfiguration Systemjs

Question

Ich verwende systemjs als Modullader zum ersten Mal. Ich versuche auch, ng2-drag-drop plugin in meinem Projekt zu verwenden. Nach der Installation habe ich das Modul in das Modell importiert, in dem ich es verwenden möchte, in meinem Fall ist das die PostModule.

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

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

Und wie es in der Dokumentation sagt, habe ich die systemjs Konfigurationsdatei geändert:

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' }, 
    } 
}); 

Aber, bekomme ich einen Fehler:

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

Hier ist, wie Sie konfigurieren können, es:

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

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

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

    }