Angular 4 - configuring systemjs

Question

我首次使用SystemJS作为模块加载程序。我还试图在项目中使用NG2-Drag-Drop插件。安装它后，我已经在要使用的模型中导入了模块，在我的情况下是PostModule。

import { Ng2DragDropModule } from 'ng2-drag-drop';
@NgModule({
  imports: [PostRoutingModule, SharedModule, Ng2DragDropModule],
  declarations: [PostComponent],
  exports: [PostComponent],
  providers: [PostService]
})
export class PostModule { }

以及在文档中所说的，我更改了systemjs配置文件：

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

但是，我有一个错误：

获取 http：//localhost：5555/node_modules/node_modules/ng2-drag-drop/index.js 404(找不到((匿名( (SystemJS(XHR错误(找不到404(加载 http：//localhost：5555/node_modules/node_modules/ng2-drag-drop/index.js

Answer 1

这是您可以配置它的方法：

System.config({
    paths: {
        'npm:': '/node_modules/'
    },
    map: {
        'ng2-drag-drop': 'npm:ng2-drag-drop'
    },
    packages: {
        'ng2-drag-drop': {
            main: 'index.js',
            defaultExtension: 'js'
        }
    }