vue router 动态路由中 import添加变量!

1597284359(1).png

当在import中添加变量时,就会出现以下报错!
1597284467(1).png
望各位大佬告知解决方案!

阅读 10.2k
8 个回答

楼主你用的vue-cli的版本是什么,其实低版本的webpack不支持动态导入的,
如果是低版本的cli可以引入dynamic-import插件
vue-cli4+ 其实已经集成了webpack4+
升级vue-cli就好
另外你可以参考我写的文章,上面有提到你提到的问题
Vue路由权限控制

报错说的是找不到这个组件,并不是因为添加了变量,我的路由也是添加的变量,并不会报错,可以正常访问,建议你检查一下是不是路径拼错了,或者是没暴露这个组件.

这个模块找不到,把变量去掉直接拼上去看一下报不报错

image.png
你这就是没找到模块,跟变量没关系。
先不用@,把地址拼全了试试,没问题的话再换成@,然后检查下你的webpack配置,@的定义和后缀的检索顺序,尽量把后缀写全。

首先 这个模块是有的,把字符串直接放进去也是没有问题的,应该是哪里的配置不太对!这个项目是基于vue-admin-template基础版下是有问题的,但是同样的方法在vue-element-admin 集成版下就没有问题。

新手上路,请多包涵

你好,你是怎么解决的?我也是[vue-admin-template]基础版下是有问题的

webpack的import路径不能动态地写

推荐问题
宣传栏