Uncaught TypeError undefined is not a function - Beginner Backbone js Application

Question

I m setting up a pretty simple app with backbone  and I m getting an error   Uncaught TypeError  undefined is not a function example app js 7 ExampleApp initialize example app js 7  anonymous function    This is where the error is showing up in Chrome Inspector  init file - example app js    var ExampleApp       Models        Collections        Views        Routers        initialize  function         var tasks   new ExampleApp Collections Tasks data tasks       new ExampleApp Routers Tasks   tasks  tasks         Backbone history start             Here s my tasks index haml file  - content for  javascript do   - javascript tag do     ExampleApp initialize   tasks    raw  tasks to json         yield  javascript   models   task js  var Task   Backbone Model extend        collections   tasks js  var Tasks   Backbone Collection extend       model  Task      url    tasks        routers   tasks js  ExampleApp Routers Tasks   Backbone Router extend       routes                 index              index  function             alert  test               var view   new ExampleApp Views TaskIndex   collection  ExampleApp tasks                   body   html view render    el               And here s proof that I m calling all of the files  I think     lt script src   assets jquery js body 1  type  text javascript  gt  lt  script gt   lt script src   assets jquery ujs js body 1  type  text javascript  gt  lt  script gt   lt script src   assets jquery-ui js body 1  type  text javascript  gt  lt  script gt   lt script src   assets underscore js body 1  type  text javascript  gt  lt  script gt   lt script src   assets backbone js body 1  type  text javascript  gt  lt  script gt   lt script src   assets backbone-support support js body 1  type  text javascript  gt  lt  script gt   lt script src   assets backbone-support composite view js body 1  type  text javascript  gt  lt  script gt   lt script src   assets backbone-support swapping router js body 1  type  text javascript  gt  lt  script gt   lt script src   assets backbone-support js body 1  type  text javascript  gt  lt  script gt   lt script src   assets example app js body 1  type  text javascript  gt  lt  script gt   lt script src   assets easing js body 1  type  text javascript  gt  lt  script gt   lt script src   assets modernizr js body 1  type  text javascript  gt  lt  script gt   lt script src   assets models task js body 1  type  text javascript  gt  lt  script gt   lt script src   assets collections tasks js body 1  type  text javascript  gt  lt  script gt   lt script src   assets views task view js body 1  type  text javascript  gt  lt  script gt   lt script src   assets views tasks js body 1  type  text javascript  gt  lt  script gt   lt script src   assets views tasks index js body 1  type  text javascript  gt  lt  script gt   lt script src   assets routers tasks js body 1  type  text javascript  gt  lt  script gt   lt script src   assets tasks index js body 1  type  text javascript  gt  lt  script gt   lt script src   assets tasks task js body 1  type  text javascript  gt  lt  script gt   lt script src   assets application js body 1  type  text javascript  gt  lt  script gt    Any ideas would be great   Thanks

User · Answer

I have occurred the same error look following example-

async.waterfall([function(waterCB) {
    waterCB(null);
}, function(**inputArray**, waterCB) {
    waterCB(null);
}], function(waterErr, waterResult) {
    console.log('Done');
});

In the above waterfall function, I am accepting inputArray parameter in waterfall 2nd function. But this inputArray not passed in waterfall 1st function in waterCB.

Cheak your function parameters Below are a correct example.

async.waterfall([function(waterCB) {
    waterCB(null, **inputArray**);
}, function(**inputArray**, waterCB) {
    waterCB(null);
}], function(waterErr, waterResult) {
    console.log('Done');
});

Thanks

User · Answer

Uncaught TypeError  undefined is not a function example app js 7   This error message tells the whole story   On this line  you are trying to execute a function   However  whatever is being executed is not a function  Instead  it s undefined   So what s on example app js line 7  Looks like this   var tasks   new ExampleApp Collections Tasks data tasks     There is only one function being run on that line  We found the problem  ExampleApp Collections Tasks is undefined   So lets look at where that is declared   var Tasks   Backbone Collection extend       model  Task      url    tasks        If that s all the code for this collection  then the root cause is right here  You assign the constructor to global variable  called Tasks  But you never add it to the ExampleApp Collections object  a place you later expect it to be   Change that to this  and I bet you d be good   ExampleApp Collections Tasks   Backbone Collection extend       model  Task      url    tasks        See how important the proper names and line numbers are in figuring this out  Never ever regard errors as binary  it works or it doesn t   Instead read the error  in most cases the error message itself gives you the critical clues you need to trace through to find the real issue     In Javascript  when you execute a function  it s evaluated like   expression that  returns   aFunctionObject       js execute - gt  expression that  returns   aFunctionObject    what the JS engine does   That expression can be complex   So when you see undefined is not a function it means that expression did not return a function object   So you have to figure out why what you are trying to execute isn t a function   And in this case  it was because you didn t put something where you thought you did

User · Answer

Joke mode on  You can fix this by adding this  https   github com donavon undefined-is-a-function import   undefined   from  undefined-is-a-function      Fixed  undefined is now a function    joke mode off

[javascript] "Uncaught TypeError: undefined is not a function" - Beginner Backbone.js Application

Examples related to javascript

Examples related to ruby-on-rails

Examples related to ruby-on-rails-3

Examples related to backbone.js