解决报错：“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

目录

❓ 问题描述

❌ 报错信息

⁉️ 问题原因：

🎈 解决办法（仅windows）:

如何查看所装依赖的版本号

如何下载或卸载已有依赖版本

说说一些兼容性问题

📚 参考资料：

---

❓ 问题描述

用npm run serve运行vue项目时，出现报错："export 'default' (imported as 'VueRouter') was not found in 'vue-router'

❌ 报错信息

在项目运行vue项目时出现“export ‘default‘ (imported as ‘VueRouter‘) was not found in
'vue-router' ”的报错

⁉️ 问题原因：

主要是因为vue-router插件对应版本不兼容造成的，为什么出现这样的问题？根源在于vue项目一般安装插件的时候都是默认安装最新的版本，所以就极有可能出现与其他插件不兼容的情况出现。

🎈 解决办法（仅windows）:

很简单，如果安装了最新版本的vue-router插件，把它卸载重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。

如何查看所装依赖的版本号

方法1：可以在项目package.json文件里查看vue或者vue-cli或者vue-router等等所有依赖的版本号

方法2： 也可以在vue项目目录下通过命令行工具查看：npm list vue || npm list vue -g || npm list

如何下载或卸载已有依赖版本

卸载：npm uninstall vue-router

下载：npm install vue-router@3.5.2   //  依赖名@xxx  ——指定下载版本

说说一些兼容性问题

 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；

📚 参考资料：

• Node.js 中的依赖管理
• 全面简单易上手的npm包管理工具教程