title: Webpack cannot resolve module error
body: <p>So I am trying to compile a <code>vue</code> file.
  But I am getting the following error<a href="https://i.stack.imgur.com/gVViK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gVViK.png" alt="enter image description here"></a></p>
  
  <p>and I don't know why. My <code>main.js</code> file contains the following</p>
  
  <pre><code>// Vue things
  import Vue from 'vue'
  import VueResource from 'vue-resource'
  Vue.use(VueResource)
  
  
  // Vue Components
  import dashboard from 'components/dashboard-component'
  
  new Vue({
      el: "body",
      components: {
          dashboard
      },
      methods: {
      }
  })
  </code></pre>
  
  <p>and my components folder is in the same folder as <code>main.js</code>.
  This is my vue component:</p>
  
  <pre><code>&lt;template&gt;
  Hello
  &lt;/template&gt;
  
  &lt;script&gt;
  // Exports
  export default {
      components: {
          dashboard
      },
      props: {
      },
      data: function (argument) {
      },
      ready() {
      },
      methods: {
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>which is under components/dashboard-component as <code>index.vue</code>.</p>
  
  <p>What am I doing wrong ?</p>
  
  <p>Thank you.</p>