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

Question

我在使用create-react-app生成的反应应用中使用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>

然后你可以在app中使用它：

const $ = window.$;

一般情况下，我建议在React项目中尝试React Bootstrap而不是Bootstrap。它提供了类似的外观组件，但不需要jQuery并且在React之上工作。

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

Answer 2

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