+ Start a Discussion
saranya sista 4saranya sista 4 

[navService.navigate is not a function] . could someone please suggest the possible reason for this error .

var navService = component.find("navService");
        var pageReference = {
            type: "standard__component",
            attributes: {
                componentName: "c__peDetail"
            state: {
                "projectId": PID

defined the variable in cmp -- 
<lightning:navigation aura:id="navService" />
    <aura:attribute name="pageReference" type="Object"/>

Raj VakatiRaj Vakati

lightning:navigation is supported only in Lightning Experience, Salesforce Mobile App .. not the standard alone apps (.app)

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes">
    <aura:attribute name="url" type="String"/>
    <aura:attribute name="pageReference" type="Object"/>
    <aura:handler name="init" value="{! this }" action="{! c.init }"/>
    <lightning:navigation aura:id="navService"/>
    <a href="{!v.url}">Link</a>
    init : function(cmp, event, helper) {
        var navService = cmp.find("navService");
        // Sets the route to /lightning/o/Account/home
        var pageReference = {
            type: 'standard__objectPage',
            attributes: {
                objectApiName: 'Account',
                actionName: 'home'
        cmp.set("v.pageReference", pageReference);
        // Set the URL on the link or use the default if there's an error
        var defaultUrl = "#";
            .then($A.getCallback(function(url) {
                cmp.set("v.url", url ? url : defaultUrl);
            }), $A.getCallback(function(error) {
                cmp.set("v.url", defaultUrl);

saranya sista 4saranya sista 4
I would like to navigate to another component on click of a button . Hence could you post example where page Reference is set in the onClick function.
Raj VakatiRaj Vakati
Refer this link