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来安装小部件，只需使用脚本标记加载它即可。

或者，如果您使用的是Aurelia CLI，只需将此内容添加到vendor-bundle的“前置”部分。

检查此示例以获取我为另一个问题编写的其他jQuery小部件。它使用脚本标记：https://gist.run/?id=6e4a6ea77751ae9c69b178eb51105137

如何使用Aurelia JS的断头台（裁剪图像）？ [ERROR]

1 个答案: