Question

我正在vuejs中开发一个网页，并且正在使用webpack 4和babel 6来编译资产

当我输入... route('home', '/', () => import('../pages/home.vue'))之类的内容时，编译器会说Support for the experimental syntax 'dynamicImport' isn't currently enabled，而我不能使用该语法

我需要帮助，谢谢

这是我的package.json： https://gist.github.com/sarmanulco/fd2415c2b81db3df457302c61d77f197

Answer 1

要将vue-router与延迟加载组件一起使用：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'homepage',
      component: () => import('@/pages/Home.vue') //lazy loading
    },
  ]
})

确保您看看vue-router docs

Answer 2

要使用dynamicImport，请添加 .babelrc 文件（package.json所在的位置）

这是 .babelrc 的内容：

{
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

我无法在vue路由器中使用动态导入

2 个答案: