[SalesForce] Does Lightning:navigation does not work in a component which is created in a Visualforce Page

I have a VF page where i am creating a lightning component(createComponent and App using ltng:outApp).
In this lightning component i am trying to use lightning:navigation.
Also tried using e.force:navigateToComponent. Both of them are not working. I am getting

Error: Cannot read property 'setParams' of undefined.

I tried to call the component even without any parameters. Its not working.

Best Answer

The time you use lightning out on your VF page, you are using it through a Lightning App, and that any component you create is created within that app. So in turn your Lightning Component is running inside an app, within the VF page.

A good way to verify if a component is supported or not is to look at the Experience section of any component's documentation on the documentation site.

If you take a look at lightning:navigation documentation, this component is not supported in Lightning Application but only in Lightning Experience and Salesforce Mobile App.

Related Solutions

[SalesForce] Navigate to Opportunity Record Page from a Lightining Component embedded in VF Page

There are a couple of things going on here:

you would need to let the Lightning Framework know that you have a dependency on force:navigateToSObject by adding

<aura:dependency resource="force:navigateToSObject" type="EVENT"/>

to either your component or your LO app)
you are no longer running inside of S1/LEX directly and the container you are in (Visualforce) does not have any logic in it to respond to that event or even listen for it. No autoforwarding/mapping of events exists yet in Visualforce but I do have a story on the backlog for this very useful feature

The good news is that its not hard to write this yourself. Basically we just need a "shim" that listens for force:navigate* and bridges to the sforce.one.navigateTo* methods that already exist in VF when running under S1/LEX.

https://developer.salesforce.com/trailhead/lex_dev_visualforce/lex_dev_visualforce_navigation

If your component only needs to work in LC4VF you have an even easier path to just use the sforce.one.navigateToSObject() API directly:

if (sforce.one) {
   sforce.one.navigateToSObject(component.get("v.recordId"));
}

[SalesForce] Error in $A.getCallback() [Cannot read property ‘setParams’ of undefined]

Maybe you have to declare the event with aura:registerevent in the XML part of the component, to declare to your component that it can fire such event

Best Answer

Related Solutions

[SalesForce] Navigate to Opportunity Record Page from a Lightining Component embedded in VF Page

[SalesForce] Error in $A.getCallback() [Cannot read property ‘setParams’ of undefined]

Related Topic