Vue-Router не поддерживает функцию динамического импорта ()

Question

Код ниже выдает unexpected token import

const Router = new VueRouter({
    routes: [
      { path: '', component: () => import('pages/landing/landing') }
    ]
})

Это работает, если я делаю, как показано ниже:

import landing from 'pages/landing/landing';
const LandingComp = Vue.component('search-product', landing);

const Router = new VueRouter({
    routes: [
        { path: '', component: LandingComp }
    ]
})

Но я не хочу загружать все компоненты изначально. Я хотел загружать динамически, когда это требуется.

Любая помощь будет оценена. Спасибо!

Answer 1

import LandingComp = () => { 
    import landing from 'pages/landing/landing'
    Vue.component('search-product', landing)
}

const Router = new VueRouter({
    routes: [
        { path: '', component: LandingComp }
    ]
})

вы можете попробовать

Answer 2

Динамический импорт включается при правильной конфигурации Babel. Вы должны правильно настроить Babel. Смотрите здесь .