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

已于 2023-04-21 12:47:17 修改
阅读量4.4k 收藏 11
点赞数 11
分类专栏： 前端开发 文章标签： vue.js javascript 前端
于 2023-04-21 12:45:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22182989/article/details/130285776
版权
文章描述了一个在Vue2项目中使用vue-router4导致的报错情况，报错信息表明exportdefault(importedasVueRouter)wasnotfoundinvue-router。问题根源在于vue和vue-router的版本不匹配。解决方案是卸载当前的vue-router版本（4），然后安装适合Vue2的vue-router3.5.2版本。这样可以确保vue2和vue-router3之间的兼容性，消除报错。
摘要由CSDN通过智能技术生成

报错信息：

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
南北极之间
关注
专栏目录
解决vue cli5 + vue2.x下出现export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
News777的博客
03-08 3846
报错内容 export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHistory
Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘
qq_42589571的博客
02-24 9592
Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’ 在vue3中vue-router写法要改变 import { createRouter, createWebHistory } from 'vue-router' //import Router from 'vue-router' // Vue.use(Router) const routes = [ { path: '/home'
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
m0_67266171的博客
03-02 698
vue-router@4使用时，报上面的错，代码是这么写的 import?VueRouter?from?'vue-router' const?Test?=?{template:?`<h1>测试</h1>`} const?routes?=?[ ??{ ????name:?'Test', ????path:'/test', ????component:?Test ??} ] const?router?=?VueRouter.createRouter({ ??//?4.
关闭vuei18n警告[intlify] Not found
最新发布
许珊珊同学的专栏
08-16 311
【代码】关闭vuei18n警告[intlify] Not found。
解决- “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
qq_49446857的博客
02-24 8077
出现这个报错常见的有两种情况， 第一种cli4和cli3不太一样 需要引用相对应的使用的东西， 第二种是vue-router版本太高， 本文就第二种情况进行讨论 这种情况一般是运行npm install vue-router --save-dev 后启动报错，这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可 命令：cnpm install vue-router@+版本号 --save-dev 实例：cnpm install vue-router@3.1.3--save.
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘报错分析
热门推荐
编程教培一线讲师
10-10 1万+
报错分析
export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析
a_bowl_rice的博客
03-12 3822
在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。
“export ‘createRouter‘ (imported as ‘VueRouter‘) was not found in ‘vue-route
weixin_46245846的博客
04-01 1236
"export ‘createRouter’ (imported as ‘VueRouter’) was not found in 'vue-route router.js 代码 更新router版本 npm install --save vue-router@next 下面展示一些 router.js。 import * as VueRouter from 'vue-router' const routes = [ { path: '/',redirect:'/login'}, {pa
vue版本原因闭坑-export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
qq_46768814的博客
05-03 592
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
export 'default' (imported as 'Router') was not found in 'vue-router'
09-01
- *1* [“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘报错分析](https://blog.csdn.net/weixin_51992868/article/details/127239320)[target="_blank" data-report-click={...
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
欢迎来到C-Homes
12-10 2587
安装vue-Router@4.0+时写路由注册 // vue-Router@2.0+的写法 import VueRouter from 'vue-router' const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...] }) 果然报错!!!,vue-Router@4.0+已经不支持这种写法 // vue-Router@4.0+的写法 import {createRoute
解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
emgexgb_sef的博客
03-07 896
出现警告： "export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’ "export ‘default’ (imported as ‘Vue’) was not found in ‘vuer’ — 原因是cli4和cli3不太一样 需要引用相对应的使用的东西 改成 // import Vue from 'vue' // 不要引用整个Vue cli4默认创建是导入createApp方法 import { createAp
Vue2 的export default (imported as VueRouter) was not found in ‘vue-router‘
weixin_73368873的博客
02-19 600
今天在测试路由功能的时候，发现了npm安装路由引入失败的问题的的export 'default' (imported as 'VueRouter') was not found in 'vue-router'，最后发现是因为npm直接安装的router版本为4但是我使用的为vue2，所以我直接降级到router3。
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
HHHmagic的博客
07-18 9788
记录在撸前端代码时所遇到的问题
export ‘default‘ (imported as ‘Router‘) was not found in ‘vue-router‘ ...
weixin_42464106的博客
08-09 759
npm uninstall vue-router -S //卸载。npm i vue-router@版本号 -S //安装旧版本。默认 npm i vue-router -S安装的为最新版本。安装旧版本后，重启项目便不会报错了。vue-router的版本太高。vue报如上错误的话，因为。......
解决“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
qq_53863770的博客
10-22 1361
不多说废话，直接上解决方案。
vue3+cli4运行项目报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Sunny_lxm的博客
02-22 3398
vue3+cli4运行项目报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
“export default (imported as Router ) was not found in vue-router
sdhuangzheng的博客
03-31 6098
1.首先看你vue中index.js和main。js的语法 因为我之前使用的是vue-router3.0.1的版本，现在是4.0.+的版本了，导致语法不支持，若是使用3.几的版本可以使用： npm i vue-router@3.0.1 版本自己定（一定确定是存在的版本号） 附3.0.1语法： ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

南北极之间

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

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

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

打赏作者

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

抵扣说明：

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

余额充值