title: Failed to mount component: template or render function not defined. "vue.js" with asp.net mvc
body: <p>I have a small tutorial project , I wrote it for learning integrate vue.js with mvc.<br/>
  I have 1 component and I use it in vue instance and everything was ok when I write html code for that components into js file (I have 2 files .cshtml and .js for each vue component)<br/>
  the scenario which working is<br/>
  <br/>
  test1.cshtml.js file is <br/></p>
  
  <pre><code>import Vue from "vue";
  document.addEventListener('DOMContentLoaded', function (event) {
      Vue.component('test1',{        
          mounted: function () { },
          data: function () {
              return {
              };
  
          },
          template: `
                  &lt;div&gt;
                  &lt;ul&gt;
                      &lt;li&gt;Yaman&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;/div&gt;
    `
      });
  });
  </code></pre>
  
  <p>and vue instance is <br/></p>
  
  <p>contact.cshtml.js file is <br/></p>
  
  <pre><code>import Vue from "vue";
  
  import test1 from "../Home/test1.cshtml.js"; Vue.component('test1', test1);
  
  document.addEventListener('DOMContentLoaded', function (event) {
      let view = new Vue({
          el: document.getElementById('view'),          
          mounted: function () { },
          data: {
              message: "One-way binding msg",
              twoWayBindingMessage: "Type here ..."
          }        
      }); });
  </code></pre>
  
  <p>and contact.cshtml file is <br/></p>
  
  <pre><code>@{
      ViewData["Title"] = "Hello World - Page";
  }
  
  &lt;section&gt;
      &lt;div id="view"&gt;
          &lt;h4&gt;@ViewData["Title"]&lt;/h4&gt;
          &lt;h3&gt;@ViewData["Message"]&lt;/h3&gt;
          &lt;div&gt;
              &lt;span&gt;One way binding message:{{message}}&lt;/span&gt;
              &lt;br /&gt;&lt;hr /&gt;
              &lt;span&gt;2-way binding msg: {{twoWayBindingMessage}}&lt;/span&gt;&lt;br /&gt;
              &lt;br /&gt;
              &lt;input type="text" v-model="twoWayBindingMessage"&gt;
  
              &lt;test1&gt;&lt;/test1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;script src="~/js/Contact.bundle.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>but my problem starts when i try writing test1 template into separate file "cshtml file" as "contact file" <br/></p>
  
  <p>the scenario which not working is <br/></p>
  
  <p>test1.cshtml file become <br/></p>
  
  <pre><code>import Vue from "vue";
  
  document.addEventListener('DOMContentLoaded', function (event) {
      Vue.component('test1',{        
          mounted: function () { },
          data: function () {
              return {
              };
          }
      });
  });
  </code></pre>
  
  <p>and test1.cshtml is <br/></p>
  
  <pre><code>&lt;section&gt;
      &lt;div  id="testnew"&gt;
          &lt;ul&gt;
              &lt;li&gt;Yaman&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;        
  &lt;/section&gt;
  &lt;script src="~/js/test1.bundle.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>in this scenario I receive this error <br/></p>
  
  <blockquote>
    <p>Contact.bundle.js:6 [Vue warn]: Failed to mount component: template or
    render function not defined.</p>
    
    <p>found in</p>
    
    <p>---> 
           </p>
  </blockquote>
  
  <p>Can anyone help me please?<br/></p>