一、报错情况

在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in
‘vue-router‘` 主要是路由组件问题

二、报错分析

这种报错存在两种原因

1.对应版本不兼容

 这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2

2.路由格式错误

目录

 一、报错情况

二、报错分析

1.对应版本不兼容

2.路由格式错误

二、举一反三

1.查看依赖版本号

2.下载或者卸载已有版本 

3.一些兼容问题

---

错误格式

router: [{        //应该是 routes
                // 路径的错误
                path: '/home',
                // 组件名不是字符串格式  component而不是components
                components: "home"
            },

 正确格式

routes: [{
                // 路径
                path: '/home',
                // 组件名
                component: Home
            },

二、举一反三

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 自己指定版本

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