vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

报错信息:

export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHis
tory, isNavigationFailure, loadRouteLocation, matchedRouteKey, onBeforeRouteLeave, onBeforeRouteUpdate, parseQuery, routeLocationKey, routerKey, routerViewLocationKey, stringifyQuery, useLink, useRoute, useRouter, viewDepthKey)

问题分析:

vue版本和vue-router版本不兼容

我这里是用vue cli脚手架构建的vue2项目,安装的路由版本是4

解决办法:

 卸载这个不兼容的路由版本,重新安装对应的版本:

npm uninstall vue-router

安装3版本:

npm install vue-router@3.5.2

最好就不会报错了。

  • vue2搭配vue-router3
  •  vue3搭配vue-router4
  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
报错"export 'default' (imported as 'Router') was not found in 'vue-router'"时,可能是因为以下两个原因: 1. 路由格式编写错误:检查路由的格式是否正确,正确格式应该是使用routes字段,而不是router字段,并且组件名应该是component而不是components。 示例: ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from './components/Home.vue'; Vue.use(VueRouter); const routes = [ { path: '/home', component: Home } ]; const router = new VueRouter({ routes }); export default router; ``` 2. 版本不兼容:如果安装的vue-router版本与其他插件不兼容,可能会导致此错误。可以尝试重新安装旧版本的vue-router,推荐使用稳定版本vue-router@3.5.2。 示例: ``` npm uninstall vue-router npm install vue-router@3.5.2 ``` 同时,还可以通过以下方法进行排查: 1. 查看依赖版本号:可以在package.json文件中查看vuevue-cli、vue-router等依赖的版本号,也可以使用命令`npm list vue`或`npm list vue -g`查看。 2. 确认Vue实例的引入方式:确保在引入vue-router之前已经正确引入了Vue。 3. 检查其他插件兼容性:如果使用了其他插件,可能存在与vue-router不兼容的情况,可尝试卸载或更新这些插件。 希望以上方法能帮助您解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [“exportdefault‘ (imported as ‘VueRouter‘) was not found in ‘vue-router报错分析](https://blog.csdn.net/weixin_51992868/article/details/127239320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-axios-interceptors:全局捕获和处理ajax响应](https://download.csdn.net/download/weixin_42097557/14984413)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决- “exportdefault‘ (imported as ‘VueRouter‘) was not found in ‘vue-router](https://blog.csdn.net/qq_49446857/article/details/123112891)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南北极之间

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值