TypeError: undefined is not an object (evaluating ‘e.component’)

Sorry if the answer to this question seems obvious, but it’s the first time ever that I’ve tried to upload a vue.js application.

So, whenever I try to visit my website on a shared hosting account, I get the error TypeError: undefined is not an object (evaluating 'e.component') from my main.js file at VueDriver.component(Code+i.path.replace(///g,"fowardslash"),i.component). I used the command vue create <app-name>, and uploaded my dist folder contents to my cpanel under public_html after running npm run build:

enter image description here

main.js:

import Vue from 'vue'
import VueRouter from 'vue-router'
import Router from './Router.vue'
import Index from './Index.vue'


const make=(VueDriver,Code,Config)=>{
  Config.forEach(i=>{
    VueDriver.component(`${Code}${i.path.replace(///g,"fowardslash")}`,i.component);
  })
  return VueDriver
}
make(Vue,secure.main.codes.website,[
  {path:'/',component:Index},
])

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '/', component: Login },
  ]
})

new Vue({
  el: '#app',
  router: router,
  render: h => h(Router)
})