我在使用Webpack Encore将jquery-ui插件集成到Symfony应用程序时遇到了问题。您可以在控制台中看到错误(TypeError: t(...).dateRangeSlider is not a functionLearn More):
https://date-range-demo.herokuapp.com/en/blog/search
它的源代码在https://github.com/tacman/range-slider-demo上,它只是symfony演示,在搜索页面上有一个日期范围滑块,通过以下更改:
从命令行将库添加到package.json
yarn添加jquery-ui jqrangeslider
添加到/blog/search.html
<div id="slider">Slider Placeholder</div>
添加到assets/js/search.js
import 'jquery-ui';
import 'jqrangeslider';
$('#slider').dateRangeSlider();
Assets是使用'yarn run encore dev‘构建的,我确信这是一个简单的配置错误,但我不知道它是什么。
部署到heroku增加了一些东西,但与插件未加载无关。要在本地查看此错误,只需克隆存储库,运行composer install && yarn install && yarn run encore dev,然后启动服务器并转到/en/blog/search。
谢谢你在这方面的帮助!
发布于 2020-03-03 06:46:38
经过几个小时的搜索,我已经导入了特定的文件:首先,我已经安装了jquery-ui
npm i jquery-ui --dev
然后,在我的js文件中,我导入了以下文件(拖放):
require('jquery-ui/ui/widgets/droppable');
require('jquery-ui/ui/widgets/sortable');
require('jquery-ui/ui/widgets/selectable');
import $ from 'jquery';
发布于 2019-01-28 22:18:43
我遇到了seme问题,但使用的是jqueryui的可拖动组件。
在我的应用程序中,我使用的是require
,而不是import
,但我必须特别需要可拖动组件,而不是整个jquery-ui。
我现在还没有合适的复制-粘贴示例,但是尝试导入draggable.js
文件。
https://stackoverflow.com/questions/54294360
复制相似问题