美文网首页
vue import 路由使用变量问题

vue import 路由使用变量问题

作者: daozun | 来源:发表于2022-08-16 19:47 被阅读0次
    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), <anonymous>:2:10)
        at eval (routes.js?092f:10)
    
    1. 解决, 改成如下代码
    component: (resolve) => require([`@/${e.component}`], resolve),
    

    相关文章

      网友评论

          本文标题:vue import 路由使用变量问题

          本文链接:https://www.haomeiwen.com/subject/hocsgrtx.html