目录
❓ 问题描述
❌ 报错信息
⁉️ 问题原因:
🎈 解决办法(仅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包管理工具教程