ng2-img-cropper rc5 - cant bind to image since it isnt a known property of img-cropper about angular2-img-cropper

[jonscyriac]

Add ImageCropperComponent in AppModule declarations

import {ImageCropperComponent} from 'ng2-img-cropper';

@NgModule({
declarations: [
.....,
ImageCropperComponent,
....
],
imports: [
.....
],
providers: [.....],
bootstrap: [AppComponent]
})
export class AppModule {}

[StefanSinapov]

Hi @cstefanache,
Can you export ngModule with the component, because with the angular rc.6 update they removed the deprecated directives prop from @component decorator

[sunshineo]

You should import the module and put that in the imports section.

[cstefanache]

Hello,

I updated the sample plnkr: https://embed.plnkr.co/V91mKCNkBQZB5QO2MUP4/
to use rc.5 and it seems to work:

[cstefanache]

Any news on this issue?

[pedropvaz]

hi, unfortunately still can't configure it in my environment for the same reasons mentioned previously
(plnkr is also not working in my browsers: the image simply doesn't appear in canvas after file selection. but probably the issues aren't connected)
any further help would be highly appreciated. best regards

[cstefanache]

There was a problem with the cropper that was fixed this morning and released on 6.0.1 - that is why the plnkr did not work - can you please try now so we can make sure that it is still reproducible for you with 6.0.1 as well?

[gauravdhiman]

I am also facing this. What is the solution for this ?
I am using ver 0.7.1 of image-cropper component. Any help would be appreciated.

[sunshineo]

@jonscyriac What you give causes another error

ERROR in Type ImageCropperComponent in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperComponent.d.ts is part of the declarations of 2 modules: ImageCropperModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperModule.d.ts and AppModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/src/app/app.module.ts! Please consider moving ImageCropperComponent in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperComponent.d.ts to a higher module that imports ImageCropperModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperModule.d.ts and AppModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/src/app/app.module.ts. You can also create a new NgModule that exports and includes ImageCropperComponent in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperComponent.d.ts then import that NgModule in ImageCropperModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/node_modules/ng2-img-cropper/src/imageCropperModule.d.ts and AppModule in /Users/gordon/workspace/CrewGuru/crewguru-web-ng2/src/app/app.module.ts.

[IlmaZahil]

hello, I uploaded the image in the image cropper. after refreshing the page the image in the cropper disappear. there will be a default link for that. but I want to load my uploaded image in the image cropper until I input another image file in the image cropper. hope to get a solution as soon as possible.