vue import 路由使用变量问题

  1. 如果使用动态路由,import不能使用变量,如:
component: () => {
  import(`@/${e.component}`)
}

这样引用会报引用失败的错误:

vue-router.esm.js?8c4f:1921 Error: Cannot find module '@/views/app/index'
    at webpackEmptyContext (eval at ./src/views/app/index sync recursive (app.js:2800), :2:10)
    at eval (routes.js?092f:10)
  1. 解决, 改成如下代码
component: (resolve) => require([`@/${e.component}`], resolve),

你可能感兴趣的:(vue import 路由使用变量问题)