Bootstrap's JavaScript requires jQuery - Reactjs

Question

I have to use bootstrap with reactjs and when i try to import Bootstrap.js it gives me error

Bootstrap's JavaScript requires jQuery

Here is my import statements (I tried following)

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';

Nothing is seems to work here.

Adding to html file file, removed the error for now. Thanks :) — Noman Ali
– Noman Ali, Commented Sep 26, 2017 at 6:20

Hans Yulian · Accepted Answer · 2017-09-26 07:10:04Z

1

in your HTML file:

<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>

answered Sep 26, 2017 at 7:10

Hans Yulian

1,18010 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rishi Raj · Accepted Answer · 2017-09-26 06:42:20Z

1

You can use React Bootstrap as well as an alternative. It has all elements of the Bootstrap plus it blends well with ReactJS elements.

answered Sep 26, 2017 at 6:42

Rishi Raj

4224 silver badges13 bronze badges

Comments

Nithin Kumar Biliya · Accepted Answer · 2020-06-04 13:42:26Z

1

Bootstrap requires jquery to be available on the global object. Try the below -

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

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

I have verified it for [email protected] and [email protected].

Ref - issue

answered Jun 4, 2020 at 13:42

Nithin Kumar Biliya

3,0414 gold badges36 silver badges58 bronze badges

Collectives™ on Stack Overflow

Bootstrap's JavaScript requires jQuery - Reactjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related