{"id":2897,"date":"2014-03-10T12:11:05","date_gmt":"2014-03-10T12:11:05","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/03\/10\/require-js-uncaught-typeerror-object-function-has-no-method-collection-of-common-programming-errors\/"},"modified":"2014-03-10T12:11:05","modified_gmt":"2014-03-10T12:11:05","slug":"require-js-uncaught-typeerror-object-function-has-no-method-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2014\/03\/10\/require-js-uncaught-typeerror-object-function-has-no-method-collection-of-common-programming-errors\/","title":{"rendered":"Require.js : Uncaught TypeError: Object function … has no method-Collection of common programming errors"},"content":{"rendered":"

I’m getting an Uncaught TypeError when i refresh the page, my js\/app\/main.js<\/strong> file can’t call the method update() on js\/app\/utilities\/resize.js<\/strong>.<\/p>\n

Error output<\/strong><\/h2>\n
Uncaught TypeError: Object function U(n){return n&&typeof n==\"object\"&&!me(n)&&ne.\ncall(n,\"__wrapped__\")?W(n)} has no method 'update'\n<\/code><\/pre>\n
I haven’t managed to isolate\/replicate the issue into a simplified working example unfortunately. But you can click on the js files within the folder tree below for gists.<\/p>\n
    \n
  • index.html<\/em><\/li>\n
  • js \/<\/strong>\n
      \n
    • app.js<\/em><\/li>\n
    • lib \/<\/strong>\n
        \n
      • require.js<\/em><\/li>\n
      • jquery.js<\/li>\n
      • … etc<\/li>\n<\/ul>\n<\/li>\n
      • app \/<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
        app.js<\/h2>\n
        require.config({\n\n    urlArgs: \"bust=\" + (new Date()).getTime(),\n\n    baseUrl: WP.THEME_URL+\"\/js\",\n\n    paths: {\n        app     : \"app\"\n        , jquery  : \"lib\/jquery-2.0.2.min\"\n        , ...\n        , resize    : \"app\/utilities\/resize\" \n        , ...\n    }\n});\n\nrequire([\"app\/main\"],function(){});\n<\/code><\/pre>\n
        The method update()<\/strong> is being called on resize.js<\/em> from main.js<\/em>;<\/p>\n
        main.js<\/strong><\/h2>\n
        \n
        define([ ‘require’ , ‘jquery’ , … ,’resize’ ], function( require , $ , … , resize ) {<\/p>\n
        …<\/p>\n
        function setup() {<\/p>\n
         resize.update(); \/\/ Uncaught TypeError happens here\n<\/code><\/pre>\n
        }<\/p>\n
        $doc.ready( setup );<\/p>\n<\/blockquote>\n
        resize.js<\/strong><\/h2>\n
        define([],function () {   \n\n    var resizeItems = [],\n        update = function () {\n\n            for (i = 0; i < resizeItems.length; i++){\n                var item = resizeItems[i];\n                item.callback( App.screen.width , App.screen.height );\n            }\n        };\n\n    return {\n        update  : update,\n        add     : function( item ) { resizeItems.push( item ); }\n    }\n});\n<\/code><\/pre>\n
        Thanks in advance<\/p>\n
        Edit<\/strong> : It seems it was a dependancy issue. Adding “resize” to require on app.js has resolved it;<\/p>\n
        require([\"resize\",\"app\/main\"],function(){});\n<\/code><\/pre>\n
        I thought suppling “resize” to define() in main.js would have ensured correct deps;<\/p>\n
        define([ 'require' , 'jquery' , ... ,'resize' ], function( require , $ , ... , resize )...\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
        I’m getting an Uncaught TypeError when i refresh the page, my js\/app\/main.js file can’t call the method update() on js\/app\/utilities\/resize.js. Error output Uncaught TypeError: Object function U(n){return n&&typeof n==”object”&&!me(n)&&ne. call(n,”__wrapped__”)?W(n)} has no method ‘update’ I haven’t managed to isolate\/replicate the issue into a simplified working example unfortunately. But you can click on the js files […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2897","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=2897"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2897\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=2897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=2897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=2897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}