ruby-on-rails - Rails 6 无法集成 slick-carousel
问题描述
我创建了一个全新的项目(rails 6.0.2.2)。testing.js:2 Uncaught TypeError: $(...).slick is not a function
集成光滑后现在面临一个问题
我集成 slick-carousel 的方式是:
- 纱线添加jQuery(光滑取决于它)
- 纱线添加光滑的旋转木马
- 在
app/javascript/packs/application.js
- 要求(“jQuery”)
- 要求(“光滑的轮播”)
- 要求(“打包/测试”)
- 在
config/webpack/environment.js
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
来源有 jquery 和 slick-carousel,但$('.testing').slick()
给了我上述错误
包.json
"dependencies": {
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"@rails/webpacker": "4.2.2",
"bootstrap": "^4.4.1",
"jquery": "^3.5.0",
"slick-carousel": "^1.8.1",
"turbolinks": "^5.2.0"
},
解决方案
推荐阅读
- python - 合并具有相同日期和 id 的行并附加到右侧
- java - 检查表是否为空的优化方法 SQLite
- wix - 如何使用 WIX 在 ExitDialog 中显示“SystemFolder”属性?
- matlab - 将matlab矩阵转换为fortran 90
- python - 将列合并为单列
- c# - 拦截响应时出现异常,当 ExceptionHandlerMiddleware 运行时
- charts - SuperSet Gamma 用户看不到自己的图表
- javascript - Javascript正文事件侦听器问题
- firebase - Flutter 使用 FutureBuilder 检索列表中的数据
- python - RobotFramework 从大量数字中获取每个单独的数字