title: Can't resolve component vue file from my router file
body: <p>My components <code>vue</code> files are in <code>src/components/</code> while my <code>index.js</code> router file (whose content is down below) is in <code>src/router/</code>. </p>
  
  <p>Why do I get <em>"Error: Can't resolve './components/App.vue'"</em> error?</p>
  
  <pre><code>import Vue from 'vue';
  import App from './components/App.vue';
  import SignUp from './components/SignUp.vue';
  import Login from './components/Login.vue';
  
  import Router from 'vue-router';
  Vue.use(Router);
  
  export default new Router({
    routes: [
    {
      path: '/',
      name: 'Home',
      component: App
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    },
    {
      path: 'signup',
      name: 'SignUp',
      component: SignUp
    },
    ]
  });
  </code></pre>