create-react-app ReferenceError: jQuery 未定义

Question

与 create-react-app 一起使用时出现此错误

ReferenceError: jQuery 未定义

我的index.js有这个

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
//import '../node_modules/jquery/dist/jquery.min.js';

import jQuery from 'jquery';
import '../node_modules/product-xxx/dist/js/product-xxx.min.js'; // this file uses jQuery

我试过了还是没用

/* eslint-disable import/first */
window.jQuery = window.$ = $;

如果我从 public/index.html 中的 CDN 加载 jQuery，这将有效 jQuery 版本是 3x

任何指针？

更新

在模块product-xxx中使用jQuery是这样的

+function(t) {
    "use strict";
    function e() {
        var t = document.createElement("bootstrap")
          , e = {
            WebkitTransition: "webkitTransitionEnd",
            MozTransition: "transitionend",
            OTransition: "oTransitionEnd otransitionend",
            transition: "transitionend"
        };
        for (var i in e)
            if (void 0 !== t.style[i])
                return {
                    end: e[i]
                };
        return !1
    }
    t.fn.emulateTransitionEnd = function(e) {
        var i = !1
          , o = this;
        t(this).one("bsTransitionEnd", function() {
            i = !0
        });
        var n = function() {
            i || t(o).trigger(t.support.transition.end)
        };
        return setTimeout(n, e),
        this
    }
    ,
    t(function() {
        t.support.transition = e(),
        t.support.transition && (t.event.special.bsTransitionEnd = {
            bindType: t.support.transition.end,
            delegateType: t.support.transition.end,
            handle: function(e) {
                return t(e.target).is(this) ? e.handleObj.handler.apply(this, arguments) : void 0
            }
        })
    })
}(jQuery)

Answer 1

使用 npm 安装 jquery

npm install jquery --save

在你这样做之后，在每个页面上你必须在你使用 jquery 的地方有这个

import $ from 'jquery';

Answer 2

您是否在package.json 中安装了 jquery？也许你可以试试这个How to use jQuery dependant plugins in create-react-app 或者这个问题#679

Answer 3

您需要在使用它的每个文件中使用import jQuery from 'jquery';