首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >webpack安可和jquery ui (dateRangeSlider)

webpack安可和jquery ui (dateRangeSlider)
EN

Stack Overflow用户
提问于 2019-01-22 00:44:50
回答 2查看 2.5K关注 0票数 2

我在使用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

代码语言:javascript
运行
复制
    <div id="slider">Slider Placeholder</div>

添加到assets/js/search.js

代码语言:javascript
运行
复制
import 'jquery-ui'; 
import 'jqrangeslider';

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

Assets是使用'yarn run encore dev‘构建的,我确信这是一个简单的配置错误,但我不知道它是什么。

部署到heroku增加了一些东西,但与插件未加载无关。要在本地查看此错误,只需克隆存储库,运行composer install && yarn install && yarn run encore dev,然后启动服务器并转到/en/blog/search。

谢谢你在这方面的帮助!

EN

回答 2

Stack Overflow用户

发布于 2020-03-03 06:46:38

经过几个小时的搜索,我已经导入了特定的文件:首先,我已经安装了jquery-ui

代码语言:javascript
运行
复制
npm i jquery-ui --dev

然后,在我的js文件中,我导入了以下文件(拖放):

代码语言:javascript
运行
复制
require('jquery-ui/ui/widgets/droppable');
require('jquery-ui/ui/widgets/sortable');
require('jquery-ui/ui/widgets/selectable');
import $ from 'jquery';
票数 4
EN

Stack Overflow用户

发布于 2019-01-28 22:18:43

我遇到了seme问题,但使用的是jqueryui的可拖动组件。

在我的应用程序中,我使用的是require,而不是import,但我必须特别需要可拖动组件,而不是整个jquery-ui。

我现在还没有合适的复制-粘贴示例,但是尝试导入draggable.js文件。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54294360

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档