Web pack build in laravel : Bootstrap's JavaScript requires jQuery error

Question

Here is my script for webpack build with laravel mix

const { mix } = require('laravel-mix');    
mix.js([
        'public/admin/js/jquery.js',
        'public/admin/js/bootstrap.min.js',
    ],'production/js/final.js');

But when i include final.js i got the following error

Uncaught Error: Bootstrap's JavaScript requires jQuery

I've installed the jquery with npm install jquery --save but still i got above error

You're mixing a dependent stuff into one entry. The order may wrong or it just don't work either. Laravel has an example on how to bootstrap them by default. — Chay22
– Chay22, Commented May 19, 2017 at 10:17
github.com/laravel/laravel/blob/master/resources/assets/js/… — Chay22
– Chay22, Commented May 19, 2017 at 10:21

Deathstorm · Accepted Answer · 2017-05-19 09:21:11Z

1

i've had this issue quite a while ago. In my case after some googling i came to the conclusion that i forgot to install the bootstrap-sass-loader so incase that you are using the bootstrap-sass package do make sure you've installed the loader aswell. You can do this by running the following command:

$ npm install bootstrap-sass-loader --save

If this isn't the case try to take a look at this it isn't a tutorial for your problem exactly but it does show some simulair tutorials and answers.

Hope it helps!

answered May 19, 2017 at 9:21

Deathstorm

86713 silver badges38 bronze badges

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

4 Comments

Jabaa Over a year ago

wait Let me try it

Deathstorm Over a year ago

@Jabaa Then you should take a look at the link i've put in my answer maybe that gives the solution to your problem

Jabaa Over a year ago

Thats ROR tutorial here i am using laravel

Deathstorm Over a year ago

yes iknow @Jabaa it isn't a laravel tutorial but it does have simulair workflow's. Besides the link was and is a suggestion. Not an answer

Collectives™ on Stack Overflow

Web pack build in laravel : Bootstrap's JavaScript requires jQuery error

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related