create-react-app 如何在 html 中使用直接导入的脚本

Question

我在使用 create-react-app 生成的 React 应用程序中使用 bootstrap

下面是我在 index.html

中使用的两个导入

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

但是在代码中，当我使用类似

的东西时

$('.dropdown').dropdown()

我收到一个错误 - 错误“$”未定义 no-undef 有人可以帮我弄这个吗。谢谢！

Answer 1

您可能需要 jquery 包。在所有引用 jQuery.

的组件上包含 var $ = require ('jquery')（安装后 -- npm install --save jquery）

Answer 2

如需jQuery,运行:

npm install --save jquery

然后就可以在app代码中使用了：

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 之上工作。

希望对您有所帮助！如果您对某些事情感到困惑，请提出问题。我们很乐意帮助。