title: Obscure error says my component name begins with a zero
body: <p>I am getting an obscure error that my component name is zero. But none of my components have a zero for a name. This error is hard to track down. Anyone know what the problem could be so I can move in the right direction to tackle it.</p>
  
  <blockquote>
    <p>vendor.js:66537 [Vue warn]: Invalid component name: "0". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.</p>
  </blockquote>
  
  <p>Heres more information on the error:</p>
  
  <p><a href="https://i.stack.imgur.com/pIjgg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pIjgg.png" alt="enter image description here"></a></p>
  
  <p><strong>Edit</strong>: More information:</p>
  
  <p>I have a unique project structure. I have single file components. And each component is split into 2 files like so:</p>
  
  <p>Home.vue: </p>
  
  <pre><code>&lt;template&gt;
      ...
  &lt;/template&gt;
  
  &lt;style lang="scss"&gt;
      ...
  &lt;/style&gt;
  
  &lt;script src="./home.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>home.js: </p>
  
  <pre><code>export default {
      ...
  }
  </code></pre>
  
  <p><strong>Edit: debug capture</strong></p>
  
  <p><a href="https://i.stack.imgur.com/c35Fd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/c35Fd.png" alt="enter image description here"></a></p>
  
  <p><strong>Edit: home.js</strong></p>
  
  <pre><code>import RecentPostsWidget from './widgets/RecentPosts'
  import PagesWidget from './widgets/Pages'
  
  export default {
      components: {
          RecentPostsWidget,
          PagesWidget
      }
  }
  </code></pre>