title: How to fix "This relative module was not found: * ./src/main.js in multi..." error when trying to npm run serve
body: <p>When trying to run the application with npm run serve (on iOS), I am getting the following error:</p>
  
  <p>This relative module was not found:</p>
  
  <ul>
  <li>./src/main.js in multi (webpack)-dev-server/client?<a href="http://10.0.0.5:8081/sockjs-node" rel="noreferrer">http://10.0.0.5:8081/sockjs-node</a> ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.js</li>
  </ul>
  
  <p>Please bear with me, I am new to this.</p>
  
  <p>I have tried a bunch of random stuff like checking for misspelling issues, reinstalling webpack, updating node, and nothing. I have no clue of what this error is about so I am not sure where to look at.</p>
  
  <p>The main.js file looks like this:</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store/store'
  import './registerServiceWorker'
  import * as VueGoogleMaps from "vue2-google-maps"
  import VeeValidate from 'vee-validate'
  import BootstrapVue from 'bootstrap-vue'
  
  Vue.use(VueGoogleMaps, {
      load: {
          key: "AIzaSyCGiy39IZbj8oxvO4HHqSVjP5RmLSHl7mY",
          libraries: "places" // necessary for places input
      }
  });
  
  Vue.use(VeeValidate);
  Vue.use(BootstrapVue);
  
  Vue.config.productionTip = false;
  
  new Vue({
      router,
      store,
      beforeCreate() {
          this.$store.commit('initialiseStore');
          this.$store.dispatch('commons/initialize');
      },
      render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  
  <p>I expect the live web server to display, but I am getting this compilation error and it is failing.</p>