Как использовать гильотину (изображение обреза) с Aurelia JS? [ERROR]

Question

Я пытаюсь использовать Guillotine, плагин для обрезки изображений. У меня есть модальный компонент, который загружает изображение, которое я хочу обрезать. В модальной классе, я импортировать JQuery, и я пытаюсь импортировать гильотину, но я получаю следующее сообщение: «функция гильотины не существует»

Guillotine.js находится в корне компонентов, вместе с JQuery. Я также использовал NPM для установки.

Вот мой класс:

import {bindable, bindingMode} from 'aurelia-framework'; 
import $ from 'jquery'; 
import 'guillotine'; 

export class ModalCrop{ 
    @bindable({ defaultBindingMode: bindingMode.twoWay }) display = 'none'; 

    created() { 
     $('#thepicture').guillotine({ width: 400, height: 300 }); 
    } 
} 

Может кто-нибудь мне помочь?

Answer 1

Я рекомендую загружать jQuery и любые виджеты jQuery, используя теги скриптов. Эти вещи просто не были предназначены для использования в модульной среде, и поэтому мы должны бороться с ними, чтобы попытаться заставить их работать.

Итак, я говорю, зачем бороться с ними?

Вы можете использовать npm для установки виджета, если хотите, просто загрузите его с помощью тега сценария.

Или, если вы используете CLI Aurelia, просто добавьте этот материал в раздел «preend» от vendor-bundle.

Проверьте этот пример для другого виджета jQuery, который я написал для другого вопроса. Он использует скриптовые теги: https://gist.run/?id=6e4a6ea77751ae9c69b178eb51105137