我在使用 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 有人可以帮我弄这个吗。谢谢!
请您参考如下方法:
如果您需要 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 之上工作。
我希望这有帮助!如果您对某些事情感到困惑,请提出问题。我们很乐意帮助。




