Vue.js Vue路由器不支持动态导入（）函数

下面的代码正在抛出

意外的令牌导入

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 }
    ]
})

但我不想一开始就加载所有组件。我想在需要时动态加载

---

任何帮助都将不胜感激。谢谢

通过适当的babel配置启用动态导入。您必须正确配置babel。看

你可以试试

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

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