2

No matter what I do, I cant seem to get jquery imported before bootstrap wants to use it.

Here is my app.js

// JQuery libary needed for bootstrap
import 'jquery/dist/jquery.min.js';

// Bootstrap libary
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/js/bootstrap.js';

// Bootstrap-select libary 
import 'bootstrap-select/dist/css/bootstrap-select.css';
import 'bootstrap-select/dist/js/bootstrap-select.js';

// Angular-material standard CSS 
import 'angular-material/angular-material.css';

And here is my package.json

  "dependencies": {
    "@angular/material": "^2.0.0-beta.7",
    "angular": "^1.6.4",
    "angular-material": "^1.1.4",
    "angular-translate": "^2.15.1",
    "angular-translate-storage-cookie": "^2.15.1",
    "angular-translate-storage-local": "^2.15.1",
    "angular-ui-router": "^1.0.3",
    "jquery": "^3.2.1",
    "bootstrap": "^3.3.7",
    "bootstrap-select": "^1.12.3",
    "json-loader": "^0.5.4",
    "material-design-icons": "^3.0.1"
  },

But when I run my page it says:

bootstrap.js?f974:8 Uncaught Error: Bootstrap's JavaScript requires jQuery
    at eval (eval at <anonymous> (app.bundle.js:1094), <anonymous>:8:9)
    at Object.<anonymous> (app.bundle.js:1094)
    at __webpack_require__ (app.bundle.js:20)
Improve this question
10
  • import * as $ from 'jquery'; Or import * as $ from jquery/dist/jquery.min.js //Just looked into some starter projects, they mostly define it somehow like this. This is no answer just a hint what I found. Commented Jul 11, 2017 at 11:22
  • @Doomenik im definately gonna give that a try Commented Jul 11, 2017 at 11:46
  • Naaa, same result :-( The only way I can get this to work is if I include it directly in the HTML page - all the others import just fine, its only jquery that is the problem Commented Jul 11, 2017 at 11:49
  • I completly forgot to ask, do you use angular cli ? If yes add it in the angular-cli.json under scripts Commented Jul 11, 2017 at 12:33
  • 1
    eventually this one helps stackoverflow.com/questions/39063396/… same like stackoverflow.com/questions/41778884/… Commented Jul 12, 2017 at 4:28
Related questions
2
AngularJS: add dependencies to my app before bootstrap it
0
How to integrate angular js and twitter bootstrap?
0
Angular js doesnt initialize
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.