import Bootstrap 3 JavaScript

[stevenbriscoeca]

Hello,

So I know the easiest way to do this is to add everything in index.html, but I was wondering if there was a way to add everything with the import statement.

Here is what I did :

npm install jquery
npm install bootstrap@3

In app.js

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

import 'jquery/dist/jquery.min';
import 'bootstrap/dist/js/bootstrap.min';
import $ from 'jquery';

I keep getting an error :
Error: Bootstrap's JavaScript requires jQuery

I look in bundle.js and jquery seems to be added after bootstrap. Anyway I can change the order?

I know I can use react-bootstrap, but I'm really trying to make this work.

Thank you

[Timer]

Try the following:

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

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

[stevenbriscoeca]

This works great thank you so much @Timer . I was wondering before I close this issue if you could tell me what is better, doing it this way or just importing the scripts in index.html.

What would you recommend if we ignore using a cdn in index.html?

[Timer]

If you're not using a CDN do it the way above. If you're using a CDN use index.html.