Почему не работает асинхронная загрузка компонента в роуте VUEJS?

Question

[Маленький Вася]

Пишу так:

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

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

  ]
})

Но Js его не видит, пишит is not defined

Answer 1

[lavezzi1]

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

Comments

[Маленький Вася]

а нельзя это в функцию как то обернуть?