My requirement is open the LWC page from Aura component controller. So I did all the steps which mentioned in the link How to open LWC in a new page from Record Detail Aura Component but getting an error "This page isn't available in Salesforce Lightning Experience or mobile app."

My requirement is a little bit different- Open the LWC page in the same window without any tab. I am using the below code in Aura component controller.

createProactiveLWC : function(cmp,event,helper){
   var navService = cmp.find("navService");
        // Sets the route to /lightning/o/Account/home
        var pageReference = {
            type: 'standard__component',
            attributes: {
                componentName: 'c:proactiveLWCForm'//I tried with c__proactiveLWCForm and c__c:proactiveLWCForm
            state : {
                c__recordId : cmp.get('v.recordId')

        // Set the URL on the link or use the default if there's an error
        var defaultUrl = "#";
        navService.generateUrl(pageReference).then($A.getCallback(function(url) {

  • Hey Neel, can you try window.open(url,'_self'); ? – Pranay Jaiswal Jul 29 '19 at 20:45
  • Still opening a new tab and with error This page isn't available in Salesforce Lightning Experience or mobile app. – Rachit Jul 29 '19 at 21:03

URL addressable tabs are currently not supported for LWC components as documented in Unsupported Experiences and Tools

Also from Documentation:

To make an addressable Lightning web component, embed it in an Aura component that implements the lightning:isUrlAddressable interface.

So embed LWC component in Aura component and have navigation to that component - using isUrlAddressable interface.

Also, pls note that the URL parameters are accessable in LWC component directly. You need not pass them from Aura component.

import { LightningElement, track, wire } from 'lwc';
import { CurrentPageReference, NavigationMixin } from 'lightning/navigation';

export default class Poc extends NavigationMixin(LightningElement) {
    setCurrentPageReference(currentPageReference) {
        this.currentPageReference = currentPageReference;
        console.log("URL Parameters => ", this.currentPageReference.state);

As shown above, use wire service to get the URL parameters (as state) in LWC component

  • 1
    Thanks. 'Unsupported link' is very useful. I already applied this solution. – Rachit Jul 30 '19 at 14:30

I have found an interesting idea about how this can be implemented.

Put this code

<aura:handler name="init" value="{!this}" action="{!c.onInit}" /> 
<lightning:navigation aura:id="navService"/>

into auraComponent.html file and put this init handler into auraComponentController.js

onInit : function(cmp) {
    var navService = cmp.find("navService");
    var compDefinition = {
        componentDef: "c:proactiveLWCForm",
        attributes: {
            recordId: cmp.get('v.recordId'),
            objectApiName: cmp.get('v.sObjectName')
    // Base64 encode the compDefinition JS object
    var encodedCompDef = btoa(JSON.stringify(compDefinition));

    var pageReference = {
        type: 'standard__webPage',
        attributes: {
            url: '/one/one.app#' + encodedCompDef


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.