title: Enter a valid URL and try again : Salesforce Lightning Web Component Error
body: <blockquote>
    <p>Hi all
             I am using LNS(Lightning NavigationService) in LWC. I have created three buttons for New,Edit ,View in LWC on Account object where  i am adding my component in Account record where  i can clcik thee  buttons i.e. On click of New button it will open New Account record STandard Record Page similarly for rest of buttons edit &amp; view. But when i am click on each of these buttons i am getting error msg "Enter a valid URL and try again".
    Let me know what  ihave missed </p>
  </blockquote>
  
  <p>Hi all
           I am using LNS(Lightning NavigationService) in LWC. I have created three buttons for New,Edit ,View in LWC on Account object where  i am adding my component in Account record where  i can clcik thee  buttons i.e. On click of New button it will open New Account record STandard Record Page similarly for rest of buttons edit &amp; view. But when i am click on each of these buttons i am getting error msg "Enter a valid URL and try again".
  Let me know what  ihave missed </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { LightningElement,api } from 'lwc';
  import{NavigationMixin} from 'lightning/navigation'
  
  export default class NavigationServiceLWC extends NavigationMixin(LightningElement) {
      @api recordId;
      navigateToNewRecordPage(){
          this[NavigationMixin.Navigate]({
              type:'standard__recordPage',
              attributes:{
                  "recordId":this.recordId,
                  "objectApiName":"Account",
                  "actionName":"new"
  
              }
          });
      }
      navigateToEditRecordPage(){
          this[NavigationMixin.Navigate]({
              type:'standard__recordPage',
              attributes:{
                  "recordId":this.recordId,
                  "objectApiName":"Account",
                  "actionName":"edit"
  
              }
          });
      }
      navigateToViewRecordPage(){
          this[NavigationMixin.Navigate]({
              type:'standard__recordPage',
              attributes:{
                  "recordId":this.recordId,
                  "objectApiName":"Account",
                  "actionName":"view"
  
              }
          });
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <pre><code>&lt;template&gt;
    &lt;lightning-card title="Navigation Service in Lightning Web Components"&gt;
      &lt;lightning-card title="Navigate to Record Page"&gt;
        &lt;lightning-button-group&gt;
          &lt;lightning-button label="New Record Page" onclick={navigateToNewRecordPage}&gt;&lt;/lightning-button&gt;  
          &lt;lightning-button label="Edit Record Page" onclick={navigateToEditRecordPage}&gt;&lt;/lightning-button&gt;
          &lt;lightning-button label="View Record Page" onclick={navigateToViewRecordPage}&gt;&lt;/lightning-button&gt;
        &lt;/lightning-button-group&gt;  
      &lt;/lightning-card&gt;
    &lt;/lightning-card&gt;  
  &lt;/template&gt;
  </code></pre>