title: Importing Vue components in TypeScript file
body: <p>I have been trying to use Vue.js with TypeScript and I came across <a href="https://github.com/YingLiu4203/TypeScript-Vue-Example" rel="noreferrer">this repo</a>.</p>
  
  <p>I faced issues here that I am getting error while importing Vue Single Component File from TypeScript. I am using Visual Studio Code. Please see error below.</p>
  
  <p>main.ts:</p>
  
  <pre><code>// The Vue build version to load with the 'import' command
  // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
  import * as Vue from 'vue'
  import App from './App'
  
  /* eslint-disable no-new */
  new Vue({
      el: '#app',
      template: '&lt;App/&gt;',
      components: { App }
  })
  </code></pre>
  
  <p>VS Code error:</p>
  
  <blockquote>
  <pre><code>1 ERROR 
  • main.ts
  [ts] Cannot find module './App'. (4 17) 
  </code></pre>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/40kqB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/40kqB.png" alt="Issue of importing App.vue in main.ts with visual studio code"></a></p>