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

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

Answer 2

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

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

您可以尝试

Vue-Router不支持动态import（）函数

2 个答案: