Vue-router 里 import 动态导入模块报错

router 里 import 报错

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

Vue.use(Router)

export default new Router({
    
    
  routes: [
    {
    
    
      path: '/',
      name: 'layout',
      component: () => import('@/layout/Index')
    }
  ]
})

如果没有安装babel-plugin-syntax-dynamic-import插件，并在.babelrc中引入此插件，那么就会报错。这是 webpack 动态导入模块的设置。

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ],
    "syntax-dynamic-import"
  ]
}

公众号：Coder 杂谈，欢迎关注