cropit Cannot read property 'push' of undefined

[nargessmi87]

I get this error :

Uncaught TypeError: Cannot read property 'push' of undefined at Cropit.init (jquery.cropit.js:274) at new Cropit (jquery.cropit.js:194) at HTMLDivElement. (jquery.cropit.js:102) at Function.each (app.js?id=79f598946b8ba4ad1fb4:15693) at jQuery.fn.init.each (app.js?id=79f598946b8ba4ad1fb4:15515) at jQuery.fn.init.init (jquery.cropit.js:96) at jQuery.fn.init._jquery2.default.fn.cropit (jquery.cropit.js:147) at HTMLDocument. (app.js?id=79f598946b8ba4ad1fb4:10447) at mightThrow (app.js?id=79f598946b8ba4ad1fb4:19074) at process (app.js?id=79f598946b8ba4ad1fb4:19142)

here is the script:

$('.image-editor').cropit({
  imageState: {
    src: 'http://lorempixel.com/500/400/',
  },
});

$('.rotate-cw').click(function() {
  $('.image-editor').cropit('rotateCW');
});
$('.rotate-ccw').click(function() {
  $('.image-editor').cropit('rotateCCW');
});

$('.export').click(function() {
  var imageData = $('.image-editor').cropit('export');
  window.open(imageData);
});

and the html:

Resize image

Rotate counterclockwise Rotate clockwise Export

    </div>

how can i fix this

[SebastienGautier]

You're probably using jQuery 3+ Cropit seems to be compatible with jQuery 2 only

Adding jQuery Migrate should fix your issue