jquery is not loaded when used with require.js

Question

I am using the following code Html to load the scripts that I need. I am getting $ as Undefined. It is not able to load the jquery.

How can I get this to work.

<html>
<head>
<title>Using The Text Plugin With RequireJS</title>
<script  data-main="Scripts/init type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.6/require.min.js"></script>
<script type="text/javascript" language="javascript">

    require(['jquery', 'knockout-2.2.1', 'Template', 'text!Template.htm'], function ($, ko, t, temp) {

        $("body").append(temp);
        //make this new template engine our default engine
        ko.setTemplateEngine(t.myExternalTemplateEngine(t.templates));

        ko.applyBindings(t);

    });
</script>
</head>

code in Init.js in a separate file

require.config({
baseUrl:'Scripts',
paths: {

    'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js',
    'knockout-2.2.1': '//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js',
    'knockout.mapping-latest': '//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js',
    'Template': 'Template',
    'text': '//cdnjs.cloudflare.com/ajax/libs/require-text/2.0.5/text',
    'domready': '//cdnjs.cloudflare.com/ajax/libs/require-domReady/2.0.1/domReady.js'
   }

});

You might be running into the issue that your init.js is not loaded before your script that uses it. See this answer. What other errors do you have in the console? — Steve P
– Steve P, Commented Jul 8, 2013 at 13:47

Simon Smith · Accepted Answer · 2013-07-08 15:39:20Z

2

Remove the .js from your paths configuration:

paths: {
    'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery'
}

More detail in this example repo

answered Jul 8, 2013 at 15:39

Simon Smith

8,0442 gold badges32 silver badges40 bronze badges

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

2 Comments

Steve P Over a year ago

good catch -- didn't see that. But regardless, the script loading approach is going to hit some random errors based on timing. See question I linked above.

Simon Smith Over a year ago

Good point, wrapping it in a require(['init']) will stop the issue with race conditions.

Collectives™ on Stack Overflow

jquery is not loaded when used with require.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related