typescript - Importera ng2-uploader i angularcli
Försöker importera ng2-uploader i ett nytt Angular2 CLI-projekt.
Installerar :
npm install ng2-uploader
Implementation1 från node_modules:
Om jag försöker importera det direkt från node_modules så här:
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
directives: [UPLOAD_DIRECTIVES],
Jag får 404 ej hittad fel: http://localhost:4200/ng2-uploader/ng2-uploader 404 (Ej hittad)
Implementation2 från system.config.ts
I angular-cli.build.js gissar jag att det är det enklaste steget att göra:
var Angular2App = require('angular-cli/lib/broccoli/angular2-app');
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
...
'ng2-uploader/*.js',
]
});
};
I system.config.ts försökte jag detta:
const map: any = {
'ng2uploader': 'vendor/ng2-uploader'
};
/** User packages configuration. */
const packages: any = {
ng2uploader: {
defaultExtension: 'js',
main: 'ng2-uploader.js'
},
};
Nästa gör jag ng build, jag ser filerna kopieras till vendor-mappen och jag försöker importera från Vendor-filerna:
import {UPLOAD_DIRECTIVES} from 'ng2uploader';
or
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
Och jag får ett kompileringsfel.
Jag misstänker att jag gör något fel i system.config.ts. Kan någon säga mig vad det är?
Svar #1
Jag provade det och detta fungerade för mig.
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
Se till att du gör:
ng2-uploader: {
defaultExtension: 'js',
main: 'ng2-uploader.js'
}
