title: Vue warn: Failed to mount component: template or render function not defined
body: <p>I am new to vuejs, I am getting following error: 
  Error: </p>
  
  <pre><code>[Vue warn]: Failed to mount component: template or render function not defined.
  
  found in
  
  ---&gt; &lt;Anonymous&gt;
         &lt;Vcinfo&gt; at resources/assets/js/valuechain/Vcinfo.vue
           &lt;Root&gt;
  </code></pre>
  
  <p><strong><code>Vcinfo.vue</code></strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="root"&gt;
          &lt;div class="navbar navbar-default"&gt;
              &lt;div class="navbar-brand"&gt;
                  &lt;router-link to="/vc"&gt;VALUECHAIN&lt;/router-link&gt;
              &lt;/div&gt;
              &lt;ul class="nav navbar-nav navbar-left"&gt;
                  &lt;li&gt;&lt;router-link to="/vc/setting_keywords"&gt;Keywords Setting&lt;/router-link&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;router-link to="/vc/keyword_search"&gt;Search Keywords&lt;/router-link&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;style lang="css"&gt;
      .navbar {
          margin-top:15px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong><code>vc.js</code></strong></p>
  
  <pre><code>import Vue from 'vue'
  import Vcinfo from './Vcinfo.vue'
  import router from './router'
  
  const app = new Vue({
      el: '#vc',
      components: { Vcinfo },
      template: '&lt;vcinfo&gt;&lt;/vcinfo&gt;',
      router
  })
  </code></pre>
  
  <p><strong><code>package.json</code></strong></p>
  
  <pre><code>{
    "private": true,
    "scripts": {
      "prod": "gulp --production",
      "dev": "gulp watch"
    },
    "devDependencies": {
      "bootstrap-sass": "^3.3.7",
      "gulp": "^3.9.1",
      "jquery": "^3.1.0",
      "laravel-elixir": "^6.0.0-14",
      "laravel-elixir-vue-2": "^0.2.0",
      "laravel-elixir-webpack-official": "^1.0.2",
      "laravel-vue-pagination": "^1.0.6",
      "lodash": "^4.16.2",
      "moment": "^2.18.1",
      "moment-timezone": "^0.4.1",
      "vue": "^2.0.1",
      "vue-js-toggle-button": "^1.1.2",
      "vue-resource": "^1.0.3",
      "vuejs-datepicker": "^0.9.6"
    },
    "dependencies": {
      "axios": "^0.16.2",
      "vee-validate": "^2.0.0-rc.8",
      "vue-bootstrap-datetimepicker": "^3.0.0",
      "vue-axios": "^2.0.2",
      "vue-router": "^2.7.0",
      "vue-template-compiler": "^2.4.2",
      "vue2-datatable-component": "^1.1.7"
    }
  }
  </code></pre>
  
  <p>I am running above vuejs code inside <code>laravel</code> framework. Please suggest what is wrong ?</p>