meteor / javascript function not working when in another file

Question

This is interesting. I have a file structure as such:

/
/client/
/server/

The app I'm working on is working fine, I have many .js files in the /client/ folder, all separated into logical (to me) sections. They work fine when compiled.

I have added a new file though, called miscFunctions.js to the mix and added a simple function and saved:

function sessionDataReset(){
  //Set the New Organisation Session data to be false, meaning we're not adding a new organisation
  return Session.set('addingOrganisation', false);
};

This function, when called returns the following error:

Uncaught ReferenceError: sessionDataReset is not defined

When I move that exact code though to the .js file I'm calling it from it works fine.

Why is the error happening as I was of the understanding what I'm trying to do can be done with Meteor?

Any advice greatly appreciated.

Rob

Is sessionDataReset being called before miscFunctions.js is loaded? — apscience
– apscience, Commented Nov 20, 2015 at 0:40
That's a great question. Meteor compiles them together into one large file. I hadn't considered this. How are we meant to know which order the files are being loaded in when they're separated? — robster
– robster, Commented Nov 20, 2015 at 0:50
it is declared function and it should hoisted to top anyways. is it wrapped by another code? — SO is full of Monkeys
– SO is full of Monkeys, Commented Nov 20, 2015 at 2:00
It's being called from a function that's in the isClient area (for meteor). The actual file itself simply sits in the "client" folder meaning it will be joined with all the other files in there before being used. I wonder if it's perhaps being joined to the end of the file? There must be a way to have it be added to the top of the file when joined? — robster
– robster, Commented Nov 20, 2015 at 2:02

JeremyK · Accepted Answer · 2015-11-20 02:42:41Z

1

First try declaring your file this way:

sessionDataReset = function() {
  //Set the New Organisation Session data to be false, 
  //meaning we're not adding a new organisation
  return Session.set('addingOrganisation', false);
};

This ensures the function will be visible globally.
(@user1623481 Meteor wraps files as IIFE's when it compiles them, creating a function scope that was limiting the visibility of this function.)

This will most likely resolve it, but following this check the file load order in the Meteor Docs

answered Nov 20, 2015 at 2:42

JeremyK

3,2401 gold badge14 silver badges24 bronze badges

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

1 Comment

robster Over a year ago

This worked perfectly. I am new to this so thank you for the help here. I now understand the difference between a global and local function. Thank you also for the file load order / file structure link.

Collectives™ on Stack Overflow

meteor / javascript function not working when in another file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related