title: Failed to mount component: template or render function not defined?
body: <p>I am creating website using node.js, express, pug, vue.js. I have one problem regarding Vue.js</p>
  
  <p>app.js</p>
  
  <pre><code>window.Vue = require('vue');
  Vue.component('work-list', require('../views/components/WorkList.vue'));
  
  const app = new Vue({
    el: '#app',
    data: {
      message: 'Welcome'
    }
  });
  </code></pre>
  
  <p>WorkList.vue</p>
  
  <pre><code>&lt;script&gt;
    export default {
      name: 'WorkList',
      data: function () {
        return {
          message: 'WorkList Page'
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>index.pug</p>
  
  <pre><code>(HTML Code..)
  body
      #app.container
          h1 {{ message}}
          .row
              block content
          a(href="/worklist") Go to worklist
    script(src="bundle.js")
  </code></pre>
  
  <p>worklist.pug</p>
  
  <pre><code>extends index.pug
  
  block content
  work-list {{ message }}
  </code></pre>
  
  <p>When I try to access worklist page, browser is returning following error message.</p>
  
  <p><a href="https://i.stack.imgur.com/L5tdU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L5tdU.jpg" alt="enter image description here"></a></p>
  
  <p>How can I make WorkList in Root element?</p>