Angular 角度4-配置systemjs

我第一次使用作为模块加载器。我也尝试在我的项目中使用。在安装之后，我将模块导入到我想要使用它的模型中，在我的例子中是

PostModule

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

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

正如文档中所说，我已经更改了

systemjs

config文件：

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

声明var系统：SystemJSLoader.System；
System.config（JSON.parse（“”））；
System.config({
地图：{
“ng2拖放”：“节点\模块/ng2拖放”
},
套餐：{
'ng2拖放'：{main:'index.js'，defaultExtension:'js'}，
}
});

但是，我得到一个错误：

得到 404（未找到）（匿名） （SystemJS）XHR错误（404未找到）加载

---

以下是如何配置它：

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

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

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

    }

---

我还认为，如果您在

node\u modules

此处

'ng2-drag-drop'：“/node\u modules/ng2 drag-drop'

之前添加一个斜杠，它也应该可以工作