Используйте slick-carousel с глобальным jQuery и проведите навигацию

Question

Моя настройка выглядит так же, как this answer here с поддержкой браузера, и зависит от всех настроек. Я не получаю сообщение об ошибке в этом вопросе, где Browserify жалуется, что он не может найти модуль.

Скорее, на странице load, я получаю Uncaught TypeError: $picker.slick is not a function, $picker являющийся объектом jQuery. Надеюсь, я найду окончательное решение.

This solution changes code, поэтому в идеале мы этого не делаем. Также есть this solution for a similar issue but using browserify global transforms. Прямо сейчас у меня есть настройки браузера в моем package.json, и я не уверен, как это перевести.

Кроме того, я использую Elixir's абстракция gulp Browsify, хотя и не в проекте Laravel. WordPress, на самом деле.

Answer 1

Попробуйте явно экспортировать Slick Carousel как плагин JQuery, например, так:

"browserify": { 
    "transform": [ 
    "browserify-shim" 
    ] 
}, 
"browserify-shim": { 
    "jquery": "global:jQuery", 
    "slick-carousel": { 
    "depends": [ 
     "jquery: jQuery" 
    ], 
    "exports": "$.fn.slick" 
    } 
},