Browserify捆绑包js，但是require（“ jquery-datetimepicker”）无法正常工作

debugcn 发表于 Dev

科特彼勒

我使用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不是函数。

可能是我想念的东西。

硝基

jquery-datetimepicker导出它的工厂函数，该函数接收jquery作为参数来填充它（请参阅此处），但似乎它由jquery-mousewheelexport对象覆盖。绝对是一个问题，并在问题＃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

注意： php-date-formatter从#closure分支作为主分支安装不支持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({})
    }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。