2016-07-25 13 views
2

Der Import von ng2-uploader in einem frischen angular2 CLI-Projekt.Importieren von ng2-uploader in angularcli


Installieren:

npm install ng2-uploader 

Implementation1 von node_modules:

Wenn ich versuche es direkt von node_modules wie folgt importieren:

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)


Implementation2 von system.config.ts

In Winkel cli.build.js Ich denke, es ist die einfachste Schritt zu tun ist:

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

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

In system.config.ts ich habe versucht, dieses:

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

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

Next i do ng build, sehe ich die Dateien in Anbieter-Verzeichnis kopiert und ich versuche, Import von Vendor-Dateien:

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

And i get compilation error.

Ich vermute ich bin etwas falsch in system.config.ts tun. Kann mir jemand sagen, was es ist?

Antwort

1

Ich habe es versucht und das hat für mich funktioniert.

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

Stellen Sie sicher, Sie tun:

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

ich auf 2 angularcli Projekte nur getestet auf zwei separaten PCs und gleichen 404 nicht gefunden. Hast du Direktiven hinzugefügt: [UPLOAD_DIRECTIVES] und benutzt du algularcli? –

+0

Ja, ich benutze angular-cli. aber ich folgte anderen Ansatz. Ich habe Ihre Frage für meine Änderungen bearbeitet –

+1

Es funktioniert! Vielen Dank! Das war mein Fehler in'angular-cli.build.js': ''ng2-uploader/**/*. Js''. KORREKT IST: ''ng2-uploader/*. Js'' –