Выдает ошибку cropper?

Question

[Максим]

такой метод загрузки фото

loadAvatar(event) {
                this.profile.image = event.target.files[0];
                const image = document.getElementById('crrop-image');
                let cropper;
                const that = this;
                readURL(event);
                function readURL(input) {
                    if (input.target.files && input.target.files[0]) {
                        let reader = new FileReader();
                        reader.onload = function (e) {
                            image.src = e.target.result;
                            that.profile.avatar = e.target.result;
                            console.log(e.target.result);
                        };
                        reader.readAsDataURL(input.target.files[0]);
                    }

                }
                $.magnificPopup.open({
                    items: {
                        src: '#cropper_avatar',
                        type: 'inline'
                    }
                });
                cropper = new Cropper(image, {
                    aspectRatio: 1,
                    viewMode: 3,
                });
            },

но выдает ошибку

[Vue warn]: Error in v-on handler: "ReferenceError: Cropper is not defined"

found in

---> <Profile> at resources/js/components/Cabinet/Profile/Profile.vue
       <Root>
warn @ cabinet.js:28114
logError @ cabinet.js:29373
globalHandleError @ cabinet.js:29368
handleError @ cabinet.js:29328
invokeWithErrorHandling @ cabinet.js:29351
invoker @ cabinet.js:29668
original._wrapper @ cabinet.js:35021
cabinet.js:29377 ReferenceError: Cropper is not defined
    at VueComponent.loadAvatar (cabinet.js:2532)
    at invokeWithErrorHandling (cabinet.js:29343)
    at HTMLInputElement.invoker (cabinet.js:29668)
    at HTMLInputElement.original._wrapper (cabinet.js:35021)

Comments

[Михаил]

при чем здесь jquery
что ещё за Cropper

[Максим]

Михаил, https://github.com/fengyuanchen/cropper

[Максим]

Михаил, я подключил его выше в коде html но в vue не видит эту библиотеку

[Михаил]

Максим,
https://github.com/fengyuanchen/cropperjs
или
https://github.com/fengyuanchen/jquery-cropper
?

[Максим]

Михаил, https://github.com/fengyuanchen/cropperjs

[Михаил]

Максим, зачем вы подключаете его в html, если
import Cropper from 'cropperjs';

быть может в этом и проблема, смотрите консоль

[Максим]

Михаил, ошибки нет, но не и не работает ресайз

Answer 1

[kyzinatra]

Вынеси cropper как глобальную переменную и попробуй снова