Question

我必须使用 bootstrap 和 reactjs ，当我尝试导入Bootstrap.js时，它会给我错误

Bootstrap的JavaScript需要jQuery

这是我的导入声明（我试过以下）

import $ from 'jquery';
import jQuery from 'jquery'; //I installed jquery using npm
import '@shopify/polaris/jquery'; //I put jquery.js file 
import '@shopify/polaris/bootstrap';

这里看起来没什么用。

Answer 1

您可以使用React Bootstrap以及替代方案。它具有Bootstrap的所有元素，并且与ReactJS元素完美融合。

Answer 2

在HTML文件中：

<html>
      <head>

           ..................
           ..................
           ..................
      </head>

      <body>
           ..................
           <script src="jquery.js"></script> // <<<<<< you missing import jquery here
           <script src="bootstrap.js"></script> // <<<<<<< you have this one
           ..................
      </body>
</html>

Answer 3

Bootstrap要求jquery在全局对象上可用。请尝试以下-

import 'bootstrap/dist/css/bootstrap.min.css';

const $ = require('jquery');
window.$ = $;
window.jQuery = $;
require('bootstrap/dist/js/bootstrap.min');

我已经针对bootstrap@3.3.7和jquery@2.2.4进行了验证。

Ref-issue

Bootstrap的JavaScript需要jQuery - Reactjs

3 个答案: