title: Nuxt.js could not found component with errors "Failed to mount component: template or render function not defined."
body: <p>I am having problems with my Nuxt.js site.
  I have defined a page, with a dynamic <strong>slug</strong> param, like this:</p>
  <p><code>/solutions/:slug</code></p>
  <p>If I visit the page directly in the browser, it loads correctly!
  But if I click the nuxt-link in my NavBar component, I get the following error in the console, and the page does not load:</p>
  <pre><code>vue.runtime.esm.js?2b0e:619
  
  [Vue warn]: Failed to mount component: template or render function not defined.
  
  found in
  
  ---&gt; &lt;Anonymous&gt;
         &lt;Nuxt&gt;
           &lt;Layouts/default.vue&gt; at layouts/default.vue
             &lt;Root&gt;
  </code></pre>
  <p>I have a default layout file that looks like this:</p>
  <p><strong>layouts/default.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;NavBar /&gt;
      &lt;Nuxt /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import NavBar from &quot;~/components/Layout/NavBar&quot;
  
  export default {
    components: {
      NavBar,
    },
  }
  &lt;/script&gt;
  </code></pre>
  <p>My navbar contains the following nuxt-link:</p>
  <p><strong>components/Layout/NavBar.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;b-navbar wrapper-class=&quot;container&quot; fixed-top&gt;
      &lt;template slot=&quot;end&quot;&gt;
  
        &lt;nuxt-link
          :to=&quot;{
            name: 'solutions-slug',
            params: { slug: 'performance' },
          }&quot;
          class=&quot;navbar-item&quot;
          target=&quot;self&quot;
        &gt;
          &lt;span class=&quot;icon is-medium&quot;&gt;
            &lt;i class=&quot;ic ic--larger ic-b1-graph-bars-chart-rise&quot; /&gt;
          &lt;/span&gt;
          &lt;span class=&quot;label&quot;&gt;
            Performance
          &lt;/span&gt;
        &lt;/nuxt-link&gt;
  
      &lt;/template&gt;
    &lt;/b-navbar&gt;
  &lt;/template&gt;
  </code></pre>
  <p>I have a page, defined by the slug param:</p>
  <p><strong>pages/solutions/_slug.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;div class=&quot;solution&quot;&gt;
      This is my solution page.
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>I am trying to understand why clicking the nuxt-link fails to load the page, even though I see the URL change in the browser correctly.</p>
  <p>Thanks</p>