Windows7 Karma start results in Uncaught error: Bootstrap's JavaScript requires jQuery

I installed karma, jasmine , karma-jasmine and karma-chrome-launcher globally on a Windows 7 Lenovo laptop PC
I encountered the  following error:   Bootstrap's JavaScript requires jQuery
 
C:\Users\Frank\translator>node C:\Users\Frank\AppData\Roaming\
pm\node_modules\karma\bin\karma start karma.conf.js --browsers=Chrome
11 10 2015 02:00:26.047:INFO [karma]: Karma v0.13.10 server started at http://l
calhost:9876/11 10 2015 02:00:28.461:INFO [Chrome 45.0.2454 (Windows 7 0.0.0)]: Connected on
socket Zh15Xhkr9BMWvfgRAAAA with id 44656755
11 10 2015 02:00:26.078:INFO [launcher]: Starting browser Chrome

Chrome 45.0.2454 (Windows 7 0.0.0) ERROR
  Uncaught Error: Bootstrap's JavaScript requires jQuery
  at C:/Users/Frank/translator/js/vendor/bootstrap.min.js:6

How may I fix this error and find the source of it?
Any help is greatly appreciated.
camster123Senior C++ Software EngineerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Rainer JeschorCommented:
Hi,
the error means that the bootstrap component needs jQuery.
Normally bootstrap should include jQuery already, but please double check the following two topics:
- Do you have included jQuery in your project?
- Do you have the reference to jQuery BEFORE the reference to bootstrap?

Wrong (order):
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>

Open in new window

Correct order:
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Open in new window


I assume you are writing an application for node.js. If the above mentioned steps do not fix your issue, could you perhaps share your application code?

HTH
Rainer
1

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
camster123Senior C++ Software EngineerAuthor Commented:
Hi Rainer,
   Here is an excerpt from my index.html and karma.conf.js. Please tell me what other source I should show.

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Hello Worldr</title>

    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="js/vendor/jquery.min.js"></script>
    <script data-main="js/app" src="js/vendor/require.min.js"></script>
    <script src="js/app.js"></script>
    </head>

// Karma configuration
// Generated on Sat Sep 19 2015 21:43:09 GMT-0400 (EDT)

module.exports = function(config) {
    var absolute_root = process.cwd() + '/';
    config.set({

        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: '',


        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: ['jasmine', 'requirejs'],


        // list of files / patterns to load in the browser
        files: [
      absolute_root + 'test-main.js',
      absolute_root + 'js/vendor/**/*.js',
      absolute_root + 'js/test/spec/**/*.js',
       absolute_root + 'js/app/**/*.js'
    ],

        plugins: [
             'karma-jasmine',
             'karma-requirejs',
             'karma-phantomjs-launcher',
             'karma-chrome-launcher'
             ],

        // list of files to exclude
        exclude: [
            'js/vendor/jasmine-core/**/*.js'
    ],


        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {
    },


    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['progress'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: true
})
}
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Google Chrome OS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.