定制化开发在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in
‘‘` 定制化开发主要是路由组件问题
一、错误分析
定制化开发有以下两种原因:
1.路由格式编写错误
错误格式
router: [{ //应该是 routes // 路径的错误 path: '/home', // 组件名不是字符串格式 component而不是components components: "home" },
- 1
- 2
- 3
- 4
- 5
- 6
正确格式
routes: [{ // 路径 path: '/home', // 组件名 component: Home },
- 1
- 2
- 3
- 4
- 5
- 6
2.对应版本不兼容
这是因为安装的时候默认安装最新版本可能与其他插件不兼容,重新安装旧版本即可,推荐使用稳定版本vue-router@3.5.2
二、举一反三
1.查看依赖版本号
- 可以在package.json文件里查看vue或者vue-cli或者vue-router等等所有依赖的版本号
- 也可以通过
npm list vue || npm list vue -g
命令查看
2.下载或者卸载已有版本
卸载:npm uninstall vue-router 下载:npm install vue-router@3.5.2 // @xxx 自己指定版本
- 1
- 2
3.一些兼容问题
- Vue CLI 4.5以下,对应的是Vue2
- Vue CLI 4.5及以上,对应的是Vue3,也可以手动选择Vue2 vue
- 3.0以下兼容的是element-ui前端组件库;
- vue 3.0兼容的是element-plus前端组件库.
- vue2搭配vue-router3
- vue3搭配vue-router4
更多相关内容点击