Getting Error while using helper method -- helper is not a function

Question

I am trying to implement helper method in my lightning component but getting below error.

This page has an error. You might just need to refresh it. Action failed: sree123:calculate$controller$calculateResult [helper.calHelper is not a function] Failing descriptor: {sree123:calculate$controller$calculateResult}.

Please help me out.

Here is my component:

calculate.cmp:

<aura:component controller="AuraCalculations">
    <aura:attribute name="FirstNumber" type="decimal"/>
    <aura:attribute name="SecondNumber" type="decimal"/>
    <aura:attribute name="Result" type="decimal"/>
   <div>
       <ui:inputnumber value="{!v.FirstNumber}" label="First number"/>
       <ui:inputnumber value="{!v.SecondNumber}" label="Second number"/>
       <ui:inputnumber value="{!v.Result}" label="Result"/>
       <ui:button press="{!c.calculateResult}" label="Calculate" />
    </div>

</aura:component>

calculateController.js:

({
    calculateResult : function(component, event, helper) {
         helper.calHelper();

    }
})

Helper Method :calculateAppHelper.js:

({
    calHelper : function(component) {
        var fnumber = component.get("v.FirstNumber");
        var snumber = component.get("v.SecondNumber");
        //var result = fnumber+snumber;
        var action = component.get("c.calci");
        action.setParams({"fstNumber":fnumber,"scdNumber":snumber});
        action.setCallback(this,function(data){
            alert(data.getReturnValue());
            component.set("v.Result",data.getReturnValue());

        })
        $A.enqueueAction(action);


    }
})

Apex Class - AuraCalculations.aprx :

public class AuraCalculations {
    @AuraEnabled
    public static decimal calci(decimal fstNumber,decimal scdNumber){

        return(fstNumber+scdNumber);
    }


}

Answer 1

From the method definition of calHelper() needs a parameter "component". While calling the method you are not passing it and hence your helper method isnt getting called.

Solution: pass the parameter to helper.

({
    calculateResult : function(component, event, helper) {
         helper.calHelper(component);

    }
})

Code working:

Answer 2

You have to write helper logic in component helper(calculateHelper.js). In the above code posted by you, the logic is in calculateAppHelper.js. please move the helper logic from calculateAppHelper.js to calculateHelper.js then it should work.