视频安防智能监控系统管理平台EasyNVS切换导航报错Cannot find module ‘@/views/sys/user’问题

在优化EasyNVS前端界面过程中遇到导航切换错误,通过调整import为require解决了动态路由问题。

大家知道EasyNVS是个管理平台,与视频安防智能监控系统的接入,不仅可以让EasyNVS获取系统的全部能力,还可以对各地部署的系统进行统一管理。我们正在对EasyNVS进行新的开发,目前正在优化新版EasyNVS的前端界面。

在优化过程中,EasyNVS切换导航会出现如下报错:Cannot find module ‘@/views/sys/user’。

79.png

从错误信息看,提示找不到用户这个页面,但是在项目中查看是有user这个页面的。

80.png

经过测试,如果把动态拼写的地址写死,就是正常可以切换页面。但是路由都是后端接口返回的,只能是动态的。

81.png

82.png

83.png

在网上搜索相关的问题,发现将import换成require可以解决问题,原因是项目项目和本地环境不匹配导致部分写法不兼容。

因此我们找到项目permission.js文件添加loadView方法,替换之前的import语法。

82.png

const loadView = (view) => {
  return (resolve) => require([`@/views${view}`], resolve)
}

用法:

component: loadView(`${item.url}${is.url}`),

替换之后控制台不再出现报错了。

83.png

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值