根据菜单权限实现动态路由遇到的几个奇葩问题:1.cannot read propery 'range' of null 2.cannot find module
问题: 1.cannot read propery ‘range’ of null 2.cannot find module ‘@/views/xxxxx’,(由两种现象引起) 背景 在使用vue-element-admin模版的后台管理系统中,根据菜单权限实现动态加载路由,在把从后端接口取到的菜单拼接成前端路由需要的形式时遇到了以下几个问题。 问题1与解决方法 问题截图 解决方法 这个问题看到报错很懵,首先我就去安装eslint_loader,发现并没有作用,然后看各种博客找寻答案,然后没有作用。 然后我通过注释代码定位报错的代码,最终发现是引入路由懒加载那一行有问题,代码如下。注释了这一行就不会报这个错误。所以自己认为是懒加载的问题,又去百度一番。还去按安装了vue官方文档中说的 syntax-dynamic-import 插件。然而还是没有最用。 柳暗花明又一村: 终于找到了一个良方。原来是 "babel-eslint" 版本引起的问题。此项目中babel-eslint的版本是 10.0.1 。 解决方法 在package.json文件中将 "babel-eslint": "10.0.1" 改为 "babel-eslint": "8.0.1" ,然后再执行 cnpm install 命令。或者使用npm。再次启动项目上面的错误就没有了。侧边栏菜单也都正常的显示了