Uncaught Error: Bootstrap's JavaScript requires jQuery

I’m submitting a bug report

• Library CLI Version: 0.24.0

Please tell us about your environment:

• Operating System: Windows 10

• Node Version: 6.9.1

• NPM Version: 3.10.8

• Browser: Google Chrome

• Language: TypeScript 2.1.5

Issue Most of the times when i build my application i get this error in my console.

I have multiple node modules that depend on jquery so i can’t use it like this:

"jquery",
          {
            "name": "bootstrap",
            "path": "../node_modules/bootstrap/dist",
            "main": "js/bootstrap.min",
            "deps": [
              "jquery"
            ],
            "exports": "$",
            "resources": [
              "css/bootstrap.css"
            ]
          }

but i have to use it like this:

 {
            "name":"jquery",
            "path":"../node_modules/jquery/dist",
            "main":"jquery.min",
            "export": "$"
          },
          {
            "name": "bootstrap",
            "path": "../node_modules/bootstrap/dist",
            "main": "js/bootstrap.min",
            "deps": ["jquery"],
            "resources": [
              "css/bootstrap.css"
            ]
          },
{
            "name": "toastr",
            "path": "../node_modules/toastr",
            "main": "toastr",
            "resources": [
              "build/toastr.min.css"
            ],
            "deps": [
              "jquery"
            ]
          }

Any ideas?

[vedprakash289]

Uncaught Error: Bootstrap’s JavaScript requires jQuery To resloved these issue in angular 2,4,6

1. npm install jquery --save

2. stop the ng server if running by ctr+c then press y for yes

3. again type ng serve

[sbolel]

@arvadevy Do you import 'bootstrap';?

• See @AshleyGrant’s suggestion in https://github.com/aurelia/framework/pull/670#issuecomment-275406074
• Here’s also StackOverflow answer example.