jquery is not loading when using require.js

Question

I am having trouble loading jquery with require.js

Here is the html script:

<script data-main="js/mainU.js" src="js/libs/require.min.js"></script>

Here is the mainU.js file

requirejs.config({
    enforceDefine: true,
    baseUrl: "libs",
    paths: {
        jquery: ["//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js",
         "jquery.min"],
        underscore: "underscore-amd.min",
        backbone: "backbone-amd.min"
    },

});

define(["jquery", "underscore", "backbone"],
    function ($, _, Backbone) {
        console.log("Test output");
        console.log("$: " + typeof $);
        console.log("_: " + typeof _);
        console.log("Backbone: " + typeof Backbone);
    }
);

The files are in the correct folders

Neither http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min nor the https variant are valid paths. They return a 404 eror. You probably mean //ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js, note the js at the end. — Boaz
– Boaz, Commented Sep 22, 2013 at 5:06
is it necessary for the require.js? and shouldn't my local file run anyways if the first link does not load, it still does not work and I added the error I am getting — Lion789
– Lion789, Commented Sep 22, 2013 at 5:21

Lion789 · Accepted Answer · 2013-09-22 06:39:22Z

1

I happened to not need the baseUrl, taking it away and just adding libs/ infront of the js files worked out.

So it looks like this now...

requirejs.config({
    enforceDefine: true,
    //baseUrl: "js",
    paths: {
        "jquery": ["http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min",
         "libs/jquery.min"],
        "underscore": "libs/underscore-amd.min",
        "backbone": "libs/backbone-amd.min"
    }

});

define(["jquery", "underscore", "backbone"],
    function ($, _, Backbone) {
        console.log("Test output");
        console.log("$: " + typeof $);
        console.log("_: " + typeof _);
        console.log("Backbone: " + typeof Backbone);
    }
);

answered Sep 22, 2013 at 6:39

Lion789

4,49013 gold badges62 silver badges101 bronze badges

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

Comments

Pushker Yadav · Accepted Answer · 2013-09-23 09:31:04Z

0

The error is because you are loading the jQuery from CDN , in which you are giving .js extension , remove the .js extension, it will work fine.

answered Sep 23, 2013 at 9:31

Pushker Yadav

8561 gold badge8 silver badges16 bronze badges

Collectives™ on Stack Overflow

jquery is not loading when using require.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related