Why doesn't asynchronous component loading work in a VUEJS route?

Question

Vue.js

I write like this:

const path = (components) => import(`./${components}.vue`)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'homepage',
      component: path(Home)
    },

  ]
})

But Js does not see it, writes is not defined

Answer 1

export default new Router({
  routes: [
    {
      path: '/',
      name: 'homepage',
      component: () => import('./Home.vue').then(m => m.default),
    },
  ]
});