reactjs - 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，请运行:

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 Bootstrap而不是 React 项目中的 Bootstrap。它提供了类似的组件，但不需要 jQuery，并且在 React 之上工作。

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