Javascript 尝试将React DateRangePicker集成到React项目时出错

目前正在使用ReactJs和Fluxible架构构建web应用程序。在尝试将React daterangepicker模块集成到我的项目中时，我遇到了以下错误，我无法跟踪其来源

$.fn.daterangepicker = function(options, callback) {
                         ^
TypeError: Cannot set property 'daterangepicker' of undefined
    at /Volumes/DATA/Projects/deeplinq/node_modules/react-bootstrap-daterangepicker/lib/daterangepicker.js:1360:26

这是我的DatePicker组件，我遵循github演示并完成了完全相同的步骤

'use strict';
var React = require('react/addons');
var moment = require('moment');
var DateRangePicker = require('react-bootstrap-daterangepicker');
import DefaultMixin from '../mixins/DefaultMixin';

module.exports = React.createClass({

    mixins: [DefaultMixin],

    render() {

        return (
            <DateRangePicker startDate={moment('1/1/2014')} endDate={moment('3/1/2014')}>
                <div>Click Me To Open Picker!</div>
            </DateRangePicker>
        );

    }

});

“严格使用”；
var React=require（'React/addons'）；
var力矩=要求的（‘力矩’）；
var DateRangePicker=require（'react-bootstrap-DateRangePicker'）；
从“../mixins/DefaultMixin”导入DefaultMixin；
module.exports=React.createClass({
mixin:[DefaultMixin]，
render（）{
返回(
点击我打开选择器！
);
}
});

---

是什么导致了这个错误？谷歌搜索没有结果，过去几个小时我一直在努力解决这个问题。

似乎

react bootstrap daterangepicker

模块需要jQuery作为

$

全局可用。在加载模块之前，请尝试在页面上包含jQuery；DR:这不是react问题，您需要在加载react文件之前加载jQuery

让我们解构您的错误消息：

$.fn.daterangepicker = function(options, callback) {
                     ^
TypeError: Cannot set property 'daterangepicker' of undefined
at /Volumes/DATA/Projects/deeplinq/node_modules/react-bootstrap-daterangepicker/lib/daterangepicker.js:1360:26

我最感兴趣的是第一部分

无法设置未定义的
的属性'daterangepicker'

发生这种情况是因为
$。fn
返回未定义

试试这个：

$.fn.daterangepicker = function(options, callback) {
                     ^
TypeError: Cannot set property 'daterangepicker' of undefined
at /Volumes/DATA/Projects/deeplinq/node_modules/react-bootstrap-daterangepicker/lib/daterangepicker.js:1360:26

在要求react之前，您应该要求jquery：

var $ = require('jquery');
var React = require('react/addons');

似乎其他人在服务器端呈现方面也遇到了类似的问题：@MichaelParker你说得对，他们似乎遇到了与我相同的问题。但即使有“黑客”的建议，错误仍然会出现。不幸的是，我不知道该告诉你什么。在尝试进行服务器端渲染时，jQuery依赖项似乎丢失了，至少这是错误告诉我的。我也有同样的问题，希望有人能插话。“未捕获的TypeError:无法设置未定义的属性'daterangepicker'”