Browserify捆綁包js，但require（“ jquery-datetimepicker”）無法正常工作

Question

我使用gulp + browserify捆綁了我的JavaScript文件。 我npm install select2 --save

require("select2");

module.exports = {
    init: function() {
        $('#datetime-start').datetimepicker({
            dayOfWeekStart : 1,
            lang:'en',
            disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
            startDate:  '1986/01/05'
        });
    }
}

此代碼塊工作正常，但隨后我npm install jquery-datetimepicker --save 。 然后我再次寫一些代碼：

require("jquery-datetimepicker");

module.exports = {
    init: function() {
        $('#datetime-start').datetimepicker({})
    }
}

browserify捆綁包成功，但是當我打開瀏覽器時，出現錯誤：

$（...）。datetimepicker不是函數。

可能是我想念的東西。

Answer 1

jquery-datetimepicker導出其工廠函數，該函數接收jquery作為參數來填充它（請參閱此處 ），但似乎它被jquery-mousewheel導出對象覆蓋。 絕對是一個問題，並在問題＃412和＃496中進行了討論。 盡管存在解決方法以使其正常工作：

第一：

npm install jquery --save
npm install jquery-datetimepicker --save
npm install jquery-mousewheel --save
npm install https://github.com/kartik-v/php-date-formatter.git#closure --save

注意：從#closure分支作為主分支安裝的php-date-formatter不支持umd模式。

然后：

var $ = require('jquery');
DateFormatter = require('php-date-formatter')($);
require('jquery-mousewheel/jquery.mousewheel.js')($);
require('jquery-datetimepicker/jquery.datetimepicker.js')($);

module.exports = {
    init: function() {
        $('#datetime-start').datetimepicker({})
    }
}