在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' 
}