head.js throwing property js not found errors

Question

Chrome throws the following error:

Uncaught TypeError: Property 'js' of object function (){d.ready.apply(null,arguments)} is not a function

While Firefox throws a TypeError: head.js is not a function

Here is my code:

   <!doctype html>
    <html lang="eng" ng-app="app">
    <head>
    <meta charset="UTF-8">
    <title>{{ page_title }}</title>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.core.min.js"></script>
    </head>
    <script>
    head.js({ angularJS:   "https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"},
            { jQuery:      "http://code.jquery.com/jquery-1.10.1.min.js" },
            { internalApp: "app/js/app.js"});

    head.ready('jQuery', function() {
        $(document).ready(function() {
            console.log('jQuery loaded successfully');
        });
    });
    </script>

    <body>
        <!-- add data here -->
    </body>
    </html>

Answer 1

You have loaded the Responsive Design + Feature Detections script http://cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.core.min.js and not the Asset Loader http://cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.load.min.js

I just made the same mistake and found this post while looking up the answer :)

head.js throwing property js not found errors

Question

1 answers

solution1
5 2014-01-15 20:23:53

head.js throwing property js not found errors

Question

1 answers

solution1 5 2014-01-15 20:23:53

solution1
5 2014-01-15 20:23:53