export ‘createRouter‘ (imported as ‘createRouter‘) was not found in ‘vue-router‘

于 2023-07-11 20:58:21 发布
阅读量721 收藏
点赞数 1
分类专栏： Vue+ElementUI前端框架问题 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31016939/article/details/131669112
版权
文章讲述了在Vue3项目中遇到createRouter导入错误的问题，原因是使用了不匹配的vue-router版本。解决方案是先卸载旧版vue-router，再安装适用于Vue3的vue-router@next版本。这样可以确保与Vue3兼容并解决报错问题。
摘要由CSDN通过智能技术生成

export 'createRouter' (imported as 'createRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, default,
 isNavigationFailure, version)

出现这样的报错是因为我们使用的vue-router包不对，我现在开发使用的是vue3，所以也要对应安装vue3版本的vue-router包。我们只需要将之前安装的 vue-router包卸载，然后重新安装vue3的vue-router包。

// 卸载 vue2.x 的vue-router
npm uninstall vue-router --save
// 安装 vue3 的vue-router
npm install vue-router@next --save

这样就可以解决啦，希望对大家有所帮助哦！

祈祷平安,加油
关注
专栏目录
解决vue cli5 + vue2.x下出现export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
News777的博客
03-08 3788
报错内容 export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHistory
vue版本原因闭坑-export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
qq_46768814的博客
05-03 546
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
“export ‘createRouter‘ (imported as ‘VueRouter‘) was not found in ‘vue-route
weixin_46245846的博客
04-01 1217
"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
“export ‘createRouter‘ was not found in ‘vue-router‘
夏夏
07-21 5236
vue3使用vue-router总是报错，第一次报错信息如下： 原因：vue3有了新的写法，不再支持vue2的写法： vue2时router.js如下： import Vue from 'vue' import VueRouter from 'vue-router' // // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter) Vue.use(VueRouter); // // 1. 定义 (路由) 组件。可以从其他文件 impo
报错 - 解决vue3报错：export ‘createRouter‘ was not found in ‘vue-router‘
sunshime的博客
08-25 3062
  最近在开始学习vue3，因为之前一直在使用vue2.x，然后在写vue3的时候会发现两者存在一定的差别，然后在练习的时候会出现各种各样的问题，在这里总结并且分享一下给大家。 一、报错情况   "export ‘createRouter’ was not found in 'vue-router’   "export ‘createWebHashHistory’ was not found in 'vue-router’ 二、报错原因及解决办法   如果看过我的上一篇文章大家应该能一眼就看出报错的原因了
vue项目启动出现“export ‘createRouter‘ was not found in ‘vue-router‘
Zing_ing的博客
04-23 1901
vue项目启动出现 运行npm install vue-router@next --save 即可解决。
vue学习笔记——使用Vue3时出现 “export ‘createRouter‘ was not found in ‘vue-router‘ 报错的解决方法
陈先生的博客
11-25 3414
通过npm下载router后， 执行命令发现会出现如下报错。 "export 'createRouter' was not found in 'vue-router' router的js代码如下: 根据调查发现，是router的版本不符合VUE3 通过下载新的router方法就可以，命令如下 npm install vue-router@next --save ...
Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘
qq_42589571的博客
02-24 9546
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 '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‘
南北极之间
04-21 4327
报错信息：问题分析： 我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法： 卸载这个不兼容的路由版本，重新安装对应的版本： 安装3版本： 最好就不会报错了。
在vue cli 4.5.15上新建vue2的项目，引入路由报错 “export ‘Router‘ was not found in ‘vue-router‘
while(life)++；
04-08 1237
原因是vue-router的版本安装的是4.0的版本， 重新执行以下命令： npm uni vue-router //删除vue-router npm i vue-router@3.5.3 //安装指定版本的vue-router 来源：https://www.cnblogs.com/zyfenblog/p/15896475.html
“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‘问题
qq_53863770的博客
10-22 1350
不多说废话，直接上解决方案。
解决- “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
qq_49446857的博客
02-24 8053
出现这个报错常见的有两种情况， 第一种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 ‘Router‘) was not found in ‘vue-router‘解决
weixin_54823522的博客
01-12 491
"export 'default' (imported as 'Router') was not found in 'vue-router' 解决
【Vue】安装vue-router后运行报错 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Owen的博客
10-24 1275
"export 'default' (imported as 'VueRouter') was not found in 'vue-router'
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
m0_67266171的博客
03-02 687
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.
npm run dev 出现“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
weixin_49973957的博客
03-13 1200
1.首先确定你的main.js里面是这样的 2.运行后出现错误 3.出现的问题可能是你的vue-rounter版本过高， 解决方案：你可以这样降低它的版本如图下操作 找到这个package.json，把里面的vue-rounter版本修改一下如上图，我改成了3.0.1就ok了 ...
解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
emgexgb_sef的博客
03-07 882
出现警告： "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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值