Cropper - это не функция - PullRequest
0 голосов
/ 25 мая 2020

В моем проекте symfony с веб-пакетом на бис я использую PrestaImageBundle https://github.com/prestaconcept/PrestaImageBundle, я установил обрезку, как указано в документации https://github.com/fengyuanchen/jquery-cropper#installation, но при загрузке image В моей консоли возникла эта ошибка:

cropper. js: 158 Uncaught TypeError: this. $ container. $ preview.children (...). cropper не является функцией Cropper. ./vendor/presta/image-bundle/Resources/public/js/cropper.js.Cropper.prepareCropping (cropper. js: 158) в FileReader.reader.onload (cropper. js: 72)

Нет ошибки 404, только эта при загрузке изображения.

Это должно дать мне возможность обрезать изображение до желаемого размера.

здесь используются ссылки и конфигурация:

в базовом шаблоне:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

в конфигурации ветки:

twig:
default_path: '%kernel.project_dir%/templates'
form_themes: ['bootstrap_4_layout.html.twig']

в js файле :

import 'jquery/dist/jquery.min';
import 'cropperjs/dist/cropper.min';
import 'jquery-cropper/dist/jquery-cropper.min.js';
import * as Cropper from '../../vendor/presta/image-bundle/Resources/public/js/cropper.js';
import '../css/form.scss';

в css файле:

@import "/../../node_modules/cropperjs/dist/cropper.min";
@import '../../vendor/presta/image-bundle/Resources/public/css/cropper.css';

Если у кого-то из вас есть идея, почему я получаю эту ошибку, сообщите мне, мы читали документацию несколько раз и до сих пор не понимаю, почему это не работает.

1 Ответ

0 голосов
/ 01 июня 2020

Я решил проблему сам, ответ был в файле webpack.config: https://symfony.com/doc/current/frontend/encore/legacy-applications.html (нужно раскомментировать строку и wepack Encore сможет прочитать jQuery плагин)

...