Can't bind to 'uploader' since it isn't a known native property

[chambersDon]

Can't bind to 'uploader' since it isn't a known native property

[NayabHussain]

@chambersDon getting this error.. Please comment how to resolve this.

Can't bind to 'uploader' since it isn't a known native property ("rimary">
Browse
<input type="file" class="upload" ng2FileSelect [ERROR ->][uploader]="uploader" (change)="browse($event.target.value)" >

"):

[escarabin]

For those encountering this problem, I finally solved it.
First you have to import {FileDropDirective} from ng2-file-upload :

import {FileSelectDirective,
        FileDropDirective,
        FileUploader} from 'ng2-file-upload/ng2-file-upload';

Then pass 'FileDropDirective' in your component's directives

[chambersDon]

Solved. The directive is now ng2FileDrop, not ng2-file-drop.

[yeelan0319]

@escarabin
I am getting this error when using jspm to bundle the js files for serving purpose, but not getting it when running separately with systemjs. May I know what tool you to bundle them to avoid this error in production? Thanks!

[jkuri]

@yeelan0319 I suppose your tool for bundle is eliminating the code that is actually in use. If you are using webpack see the configuration examples for production at https://github.com/angular/angular-cli or https://github.com/AngularClass/angular2-webpack-starter and compare it to yours. I had similar problems before and it was an issue with the production config.