Webpack Encore и JQuery UI (dateRangeSlider) - PullRequest
0 голосов
/ 21 января 2019

У меня проблемы с интеграцией плагина jquery-ui с моим приложением Symfony с помощью Webpack Encore. Вы можете увидеть ошибку (TypeError: t (...). DateRangeSlider не является функцией [Узнать больше]) в консоли:

https://date -range-demo.herokuapp.com / о / блог / поиск

enter image description here

Исходный код для этого на https://github.com/tacman/range-slider-demo, это просто демонстрация Symfony с ползунком диапазона дат на странице поиска, с помощью следующих изменений:

добавить библиотеки в package.json из командной строки

пряжа добавить jquery-ui jqrangeslider

добавить в /blog/search.html

    <div id="slider">Slider Placeholder</div>

добавлено в assets / js / search.js

import 'jquery-ui'; 
import 'jqrangeslider';

$('#slider').dateRangeSlider();

Активы создаются с помощью 'yarn run encore dev', я уверен, что это простая ошибка конфигурации, но я не могу понять, что это такое.

Развертывание к героку добавлено еще несколько вещей, но не связанных с тем, что плагин не загружается. Чтобы увидеть эту ошибку локально, просто клонируйте репозиторий, запустите composer install && yarn install && yarn run encore dev, затем запустите сервер и перейдите в / en / blog / search.

Спасибо за любую помощь в этом!

Ответы [ 2 ]

0 голосов
/ 29 мая 2019

Вместо использования jquery-ui используйте webpack-jquery-ui: yarn add webpack-jquery-ui (возможно, с опцией --dev).

И затем импортируйте его с помощью require('webpack-jquery-ui') в ваш search.js.

0 голосов
/ 28 января 2019

У меня была проблема с семой, но с перетаскиваемым компонентом jqueryui.

В моем приложении я использую require, а не import, но мне пришлось специально требовать перетаскиваемый компонент, а не весь jquery-ui.

У меня нет подходящего примера для копирования-вставки, но попробуйте импортировать файл draggable.js.

...