Error: Bootstrap's JavaScript requires jQuery ; Browserify, Laravel Elixir

Question

I am trying to load bootstrap.js using browserify, Laravel elixir. I use npm to install the packages. Everything seems good but when i try to load my page is shows "Error: Bootstrap's JavaScript requires jQuery". I have googled lot but didn't find any solution that works. Here is my codes :

resources/assets/js/app.js

import $ from 'jquery';
import Bootstrap from 'bootstrap-sass'

package.json

{
    "private": true,
    "scripts": {
        "prod": "gulp --production",
        "dev": "gulp watch"
    },
    "devDependencies": {
        "gulp": "^3.9.1",
        "laravel-elixir": "^5.0.0",
        "bootstrap-sass": "^3.0.0",
        "laravel-elixir-vueify": "^1.0.0"
    },
    "dependencies": {
        "jquery": "^2.2.4"
    }
}

I modified your question. The elixir tag which you picked refers to the Elixir programming language not elixir as in laravel. I've added the correct tag for you. — Onorio Catenacci
– Onorio Catenacci, Commented May 24, 2016 at 19:48
No worries. Just thought you might wonder why I retagged the question. — Onorio Catenacci
– Onorio Catenacci, Commented May 24, 2016 at 22:56

Wahidul Alam · Accepted Answer · 2016-05-25 06:04:19Z

1

Finally I have come up with the following approach :

instead of using :

import $ from 'jquery';

use :

window.jQuery = window.$ = require('jquery');

answered May 25, 2016 at 6:04

Wahidul Alam

1,2275 gold badges31 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

Error: Bootstrap's JavaScript requires jQuery ; Browserify, Laravel Elixir

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related