jquery - ' Uncaught ReferenceError : jQuery is not defined' with create-react-app

Question

正在使用 create-react-app 构建 React 应用程序所以该应用程序已准备好服务器。

导入 Bootstrap javascript 插件(例如“affix.js”)时，出现错误“Uncaught ReferenceError:jQuery 未定义”，并且页面不再加载。

我通过index.js 文件导入所有模块，因为使用create-react-app 似乎不会从index.html 文件加载“src”和“link”导入。

正在导入 Bootstrap 插件，如下所示: 导入'bootstrap/js/affix.js'

已尝试通过以下方式在index.js文件顶部导入jquery，但没有任何效果:

1. 从“jquery”导入 jquery
2. 从'jquery'导入jquery，window.$ = window.jQuery = jquery;
3. 从“jquery”导入 jQuery
4. 从“jquery”导入 $
5. 导入'jquery/dist/jquery.js';
6. require('./node_modules/jquery/dist/jquery.js')

有什么想法吗？

Answer 1

在此处创建 React App 维护者。

import $ from 'jquery';

然后使用

$.something()

应该可以正常工作如果您使用的是 jQuery 2.x 或更高版本。

如果没有，请提出问题。

<小时/>

在您的示例中，问题可能是您编写了 import jquery from 'jquery' 但使用 jQuery 作为变量名称。您应该编写import jQuery from 'jquery'(或任何其他名称，只要您一致使用它)。 JavaScript 中的变量名称区分大小写。