在angularcli中导入ng2-uploader

Question

尝试在新的angular2 cli项目中导入ng2-uploader。

---

安装：

npm install ng2-uploader 

---

Implementation1从node_modules：

，如果我尝试直接从node_modules导入这样的：

import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader'; 
directives: [UPLOAD_DIRECTIVES], 

I get 404 no found error: http://localhost:4200/ng2-uploader/ng2-uploader 404 (Not Found)

---

从system.config.ts

在角cli.build.js Implementation2我想这是最简单的一步做：

var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); 

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
     ... 
     'ng2-uploader/*.js', 
    ] 
    }); 
}; 

在system.config.ts我想这：

const map: any = { 
    'ng2uploader': 'vendor/ng2-uploader' 
}; 

/** User packages configuration. */ 
const packages: any = { 
    ng2uploader: { 
    defaultExtension: 'js', 
    main: 'ng2-uploader.js' 
    }, 
}; 

接下来我做ng build，我看到文件在复制文件夹的供应商，我尝试从供应商的文件导入：

import {UPLOAD_DIRECTIVES} from 'ng2uploader'; 
or 
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader'; 

And i get compilation error.

我怀疑我做错了在system.config.ts。有人能告诉我它是什么吗？

Answer 1

我试过了，这对我很有用。

import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader'; 

确保你正在做的：

ng2-uploader: { 
    defaultExtension: 'js', 
    main: 'ng2-uploader.js' 
}