+ Start a Discussion
sfdc@isha.ax1814sfdc@isha.ax1814 

This page has an error. You might just need to refresh it. First, would you give us some details? (We're reporting this as error ID: -1511790141)

HI All,

Iam getting below error  and i am posting my lightning component here.

This page has an error. You might just need to refresh it. First, would you give us some details? (We're reporting this as error ID: -1511790141)

Component:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <aura:attribute name="recordId" type="Id" />
    <aura:attribute name="Case_Record" type="Object"/>
    <aura:attribute name="recordLoadError" type="String"/>
    <aura:attribute name="disabled" type="Boolean" default="false" />
    <aura:attribute name="viewScreen" type="boolean" default="true"/>
    <aura:attribute name="editScreen" type="boolean" default="FALSE"/>
    <aura:attribute name="saved" type="Boolean" default="false" />
    <aura:attribute name="textDisplay" type="Boolean" default="true" />
    <aura:if isTrue="{!!v.saved}">
             <!--View Case Timestamps:-->
                <aura:if isTrue="{!v.viewScreen}">
                    <force:recordData 
                                      aura:id="recordLoader"
                                      recordId="{!v.recordId}"
                                      fields="Status,
                                              New_Request_Submitted_Date_Time__c,
                                              New_Request_Submited_completed_Date_Time__c,
                                              Benefits_Eligibility_Initiated_Date_Time__c,
                                              Benefits_Eligibility_Completed_Date_Time__c,
                                              Program_Determination_Initiated_Date__c,
                                              Program_Determination_Completed_Date__c"                                             
                                      targetFields="{!v.Case_Record}"
                                      targetError="{!v.recordLoadError}"                    
                                      />
                    
                    <!--<lightning:card>-->
                    <!--<h1 align="center" class="ui2" v.Case_Record>
                  <a><span class="slds-page-header__title slds-truncate" title="Request Timeline">Support Screen Link Sent</span></a>
        </h1><br/>
        <div class="slds-border_top"></div>-->
                    
                    <!-- Markup start-->      
                    <ul> 
                        
                        <aura:if isTrue="{!v.Case_Record.New_Request_Submitted_Date_Time__c !=null}">    
                            <li>
                                <div class="slds-timeline__item_expandable slds-timeline__item_new_case">
                                    <span class="slds-assistive-text">task</span>
                                    <div class="slds-media"><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                        <div class="slds-media__figure">
                                            <div class="slds-timeline__icon slds-icon_container slds-icon-standard-new_case " title="new_case">
                                                <lightning:icon iconName="action:new_case" alternativeText="Approved" size="xx-small"/> 
                                            </div>
                                        </div>
                                        <div>
                                            <a class="ui2"><Strong>New Request</Strong></a><br/>
                                            <lightning:formattedDateTime class="ui" value="{!v.Case_Record.New_Request_Submitted_Date_Time__c}" year="numeric" month="numeric" day="numeric" hour="2-digit"
                                                                         minute="2-digit" hour12="true" weekday="long"/>
                                        </div>
                                    </div>                    
                                </div>
                            </li> 
                        </aura:if>
                        
                        <aura:if isTrue="{!v.Case_Record.New_Request_Submited_completed_Date_Time__c !=null}">    
                            <li>
                                <div class="slds-timeline__item_expandable slds-timeline__item_new_group">
                                    <span class="slds-assistive-text">task</span>
                                    <div class="slds-media"><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                        <div class="slds-media__figure">
                                            <div class="slds-icon_container slds-icon-standard-new_group slds-timeline__icon" title="new_group">
                                                <lightning:icon iconName="action:new_group" alternativeText="Approved" size="xx-small"/> 
                                            </div>
                                        </div>
                                        <div>
                                            <a class="ui2"><Strong>New Request Completed </Strong></a><br/>
                                            <lightning:formattedDateTime class="ui" value="{!v.Case_Record.New_Request_Submited_completed_Date_Time__c}" year="numeric" month="numeric" day="numeric" hour="2-digit"
                                                                         minute="2-digit" hour12="true" weekday="long"/>
                                        </div>
                                    </div>                    
                                </div>
                            </li> 
                        </aura:if>          
                        
                        <aura:if isTrue="{!v.Case_Record.Benefits_Eligibility_Completed_Date_Time__c !=null}">    
                            <li>
                                <div class="slds-timeline__item_expandable slds-timeline__item_record">
                                    <span class="slds-assistive-text">task</span>
                                    <div class="slds-media"><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                        <div class="slds-media__figure">
                                            <div class="slds-icon-standard-record slds-timeline__icon" title="record">
                                                <lightning:icon iconName="action:record" alternativeText="record" size="xx-small"/> 
                                            </div>
                                        </div>
                                        <div>
                                            <a class="ui2"><Strong>Benefits Eligibility</Strong></a><br/>
                                            <lightning:formattedDateTime class="ui" value="{!v.Case_Record.Benefits_Eligibility_Completed_Date_Time__c}" year="numeric" month="numeric" day="numeric" hour="2-digit"
                                                                         minute="2-digit" hour12="true" weekday="long"/>
                                        </div>
                                    </div>                    
                                </div>
                            </li> 
                        </aura:if>

    
                    </ul>  
                    <!--</lightning:card>-->
                    <center>
                        <div class="slds-m-top_medium">
                            <lightning:button  variant="brand" type="Edit" name="Edit" label="Edit" onclick="{!c.handleEdit}"/>
                        </div>
                    </center>
                </aura:if>  
                
               <!--Edit Case Timestamps:-->
                <aura:if isTrue="{!v.editScreen}">
                    <lightning:recordEditForm  aura:id="createevalForm"
                                              onload="{!c.handleLoad}"
                                              onsubmit="{!c.handleSubmit}"
                                              onsuccess="{!c.handleSuccess}"
                                              recordId="{!v.recordId}"
                                              objectApiName="Case">
                        
                        <div class="slds-p-left_medium">
                            <div class="slds-p-right_medium">
                                <div class="slds-grid">
                                    <div class="slds-col--padded slds-large-size--12-of-12"><span class="required">*</span>
                                        <lightning:inputField fieldName="New_Request_Submitted_Date_Time__c" aura:id="Track0"/>
                                    </div>
                                </div>
                                <div class="slds-grid">
                                    <div class="slds-col--padded slds-large-size--12-of-12"><span class="required">*</span>
                                        <lightning:inputField fieldName="New_Request_Submited_completed_Date_Time__c" aura:id="Track2"/>
                                    </div>
                                </div>
                                
                                <div class="slds-grid">
                                    <div class="slds-col--padded slds-large-size--12-of-12"><span class="required">*</span>
                                        <lightning:inputField fieldName="Benefits_Eligibility_Initiated_Date_Time__c" aura:id="Track2"/>
                                    </div>
                                </div>
                                
                                <div class="slds-grid">
                                    <div class="slds-col--padded slds-large-size--12-of-12"><span class="required">*</span>
                                        <lightning:inputField fieldName="Benefits_Eligibility_Completed_Date_Time__c" aura:id="Track3"/>
                                    </div>
                                </div>
                                
                            </div>
                            <center>
                                <div class="slds-m-top_medium">
                                    <!--<lightning:button disabled="{!v.disabled}" variant="brand" type="submit" name="Save" label="Save" onclick="{!c.handleSubmit}"/>-->
                                    <lightning:button disabled="{!v.disabled}" variant="brand" type="submit" name="Save" label="Save" />
                                    <lightning:button disabled="{!v.disabled}" variant="brand" type="cancel" name="Cancel" label="Cancel" onclick ="{!c.handleCancel}"/>
                                </div>
                            </center>
                        </div>
                    </lightning:recordEditForm>
                </aura:if>
                
                <aura:set attribute="else">
                    <p>Saved!</p>
                </aura:set>
                
            </div>
        </div>
        
    </aura:if>
</aura:component>
Controller:

({
    init : function (component, event, helper) {
        // $A.get('e.force:refreshView').fire();
    },
    handleEdit: function(component){
        component.set("v.viewScreen",false);
        component.set("v.editScreen",true);
        $A.get('e.force:refreshView').fire();
    },
    handleSubmit : function(component, event, helper) {
        var reqField1 = component.find('Track0').get('v.value');
        var reqField2 = component.find('Track1').get('v.value');
        component.set("v.textDisplay",false);
        
        //if($A.util.isEmpty(reqField1) || $A.util.isEmpty(reqField2)){
        //    alert('All required fields should be completed.');
       // } else
        //if(!$A.util.isEmpty(reqField1) || !$A.util.isEmpty(reqField2)){
            event.preventDefault();
            var fields = event.getParam("fields");
            alert('hi');
        alert(fields);
            //fields['Flag__c']  =false;
            component.find('createevalForm').submit(fields); // Submit form
            
            component.set("v.editScreen",false);
            component.set("v.viewScreen",true);
            
            
            $A.get('e.force:refreshView').fire();
            //location.reload();
        //}
        
    },
    
    handleLoad: function(component, event, helper) {
        component.set('v.showSpinner', false);
    },
    showToast : function(title, type, message) {
        var toastEvent = $A.get("e.force:showToast");
        toastEvent.setParams({
            "title": title,
            "type": type,
            "message": message
        });
        toastEvent.fire();
    },
    handleCancel : function(component, event, helper) {
        helper.showHide(component);
        event.preventDefault();
        component.set("v.editScreen",false);
        component.set("v.viewScreen",true);
    }
})

Regards,
Isha
Danish HodaDanish Hoda
Thus error is mainly due to Null-pointer exception. Please use console.log or debugger in your JS file to better check where it is failing.
sfdc@isha.ax1814sfdc@isha.ax1814
Hi Danish,

Iam getting below error. Please help me to solve this.

User-added image

Regards,
Isha
 
Danish HodaDanish Hoda
Hi There, Plz check this line - var reqField2 = component.find('Track1').get('v.value');
Track1 is nowhere in your cmp