Попытка импорта Cropperjs дает: TypeError: Ошибка разрешения спецификатора модуля: cropperjs

Я хочу добавить fengyuanchen/cropperjs к элементу изображения, но при загрузке страницы я получаю эту ошибку в консоли TypeError: Error resolving module specifier: cropperjs,

Я использую ссылки CDN для js и css, представленные на официальной странице github https://github.com/fengyuanchen/cropperjs

Я попытался следовать "Начало работы" на странице GitHub. Я добавил CDN ссылки, создал div с изображением id uploaded-img, а затем в нижней части страницы я добавил тег скрипта с предоставленным кодом со страницы

<script>
    import Cropper from 'cropperjs';

    const image = document.getElementById('uploaded-img');
    const cropper = new Cropper(image, {
          aspectRatio: 16 / 9,
          crop(event) {
            console.log(event.detail.x);
            console.log(event.detail.y);
            console.log(event.detail.width);
            console.log(event.detail.height);
            console.log(event.detail.rotate);
            console.log(event.detail.scaleX);
            console.log(event.detail.scaleY);
          },
    });
</script>

Я гуглил это и обнаружил, что другие люди испытывают проблемы с импортом, и рекомендуемые решения должны были заменить import Cropper from 'cropperjs'; либо с import Cropper from 'cropperjs/dist/cropper.esm.js'; или создать переменную и потребовать ее вот так. Также кто-то предложил мне использовать "./cropperjs" или же "../cropperjs", Но ни один из вышеупомянутых вариантов не работал.

Что я делаю неправильно?

Источник

2 ответа

Решение

Так что мне удалось заставить это работать, загрузив cropper.js вместо использования ссылки CDN, а также скопировав примерные модалы, которые можно найти на официальной странице github ( https://github.com/fengyuanchen/cropperjs/tree/master/examples) и модифицирование кода оттуда.

Источник

У меня была такая же проблема, я сделал это:

      git clone https://github.com/fengyuanchen/cropperjs
cd cropperjs/docs/js
cp cropper.js to my static files
cd ../css
cp cropper.css to my static files

и вдруг все заработало, как в примерах.

Файлы из CDN у меня не работали.

Источник
Другие вопросы по тегам