2

我在使用 create-react-app 生成的反应应用程序中使用引导程序

以下是我在 index.html 中使用的两个导入

<script src="./vendor/jquery-3.1.0.min.js"></script>
<script src="./vendor/bootstrap.min.js"></script>

但是在代码中,当我使用类似的东西时

$('.dropdown').dropdown()

我收到一个错误 -错误'$'未定义 no-undef 有人可以帮我解决这个问题吗?谢谢!

4

2 回答 2

5

如果您需要 jQuery,请运行:

npm install --save jquery

然后你可以在应用代码中使用它:

import $ from 'jquery';

请注意,这只适用于 2.x 及更高版本。


您也可以将其用作脚本标签。
不鼓励这样做。

为此,将 jQuery 放入public文件夹并将其添加到 HTML:

<script src="%PUBLIC_URL%/jquery-3.1.0.min.js"></script>

然后您可以从应用程序中使用它:

const $ = window.$;

一般来说,我建议在 React 项目中尝试使用React Bootstrap而不是 Bootstrap。它提供了类似外观的组件,但不需要 jQuery,并且可以在 React 之上运行。

我希望这有帮助!如果您对某事感到困惑,请提出问题。我们很乐意帮助。

于 2016-10-15T12:21:48.180 回答
0

您可能需要 jquery 包。var $ = require ('jquery')在所有引用 jQuery 的组件上包含(安装后 -- npm install --save jquery)。

于 2016-10-14T07:40:26.073 回答