title: Vue.js: Failed to mount component: template or render function not defined
body: <p>I'm building my first app with Vue.js 2, and can't figure out the error.</p>
  
  <p>I'm using full build (<code>webpack.config.js</code>):</p>
  
  <pre><code> resolve: {
          alias: {
              'vue$': 'vue/dist/vue.js',
              "vueRouter$": "vue-router/dist/vue-router.js"
          },
          extensions: ['*', '.js', '.vue', '.json']
      },
  </code></pre>
  
  <p>My html:</p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;adv-component&gt;&lt;/adv-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My <code>main.js</code>:</p>
  
  <pre><code>const Vue = require('vue');
  var vueComponent = require('./component.vue');
  var app = new Vue({
      el: '#app', 
      data: {
  
      },
      // Local registration
      components: {
          'adv-component': vueComponent,
      }
  });
  </code></pre>
  
  <p><code>component.vue</code>:</p>
  
  <pre><code>&lt;template id='asd'&gt;
      &lt;div&gt;
          Hello Single File Component!
      &lt;/div&gt; 
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {     
          data () {
              return 0;
          }
      }  
  &lt;/script&gt;
  </code></pre>
  
  <p>The error:</p>
  
  <pre><code>[Vue warn]: Failed to mount component: template or render function not defined.
  
  found in
  
  ---&gt; &lt;AdvComponent&gt;
  </code></pre>
  
  <p>How can I fix the error?</p>